Streaming live at 10am (PST)

Text won't center in browser


#1

Hi Webflow!

Just before I post, wanted to say a massive thank you to the Webflow staff member Dave (your help has been amazing!) and the forum user Vincent, who have both given me a lot of great advice with this issue!

Basically I am trying to create a holding page for our website, with everything centred in the middle of the browser. Here's my share link https://preview.webflow.com/preview/fishandcoholdingpage?preview=f9b55d82f2144632c36c1b62d171df27

Now I used this method https://webflow.com/website/center-all at first to get everything centred, which worked well (you add a 50% offset then add a 50% translate to your objects) but the translate tool doesn't work in Safari 7. Therefore, when we tried it on our Safari browsers (not running Yosemite) everything had jumped upwards.

So you'll be able to see from my page that the text is at the top of the screen, I was wondering if anyone could help me get in to stay fixed in the centre?

Thanks so much and have a good one,
Jamie


#2

Hi @jamiesamman992 Can you please update your post with some more information so we can help you faster? Things like screenshots and your environment info really speed things up.

Posting guidelines can be found here: http://forum.webflow.com/t/posting-guidelines-for-the-need-help-category/8094

Thanks in advance! smile


#3

Hi Will,

Yep, here are two screenshots, one of the published site and one for my Webflow designer.

Cheers,
Jamie


#4

Hi, still the Safari bug? Still not being able to reproduce it.

Anyway, have you check centering solutions here? http://howtocenterincss.com/

I'm reluctant to share this new link usually because the methods are... disputable. But as you still have your Safari bug, why not try smile


#5

Hi @jamiesamman992, I was playing around with the layout and tried to simplify it a bit so that it would work on Safari 7 and all browsers with a fallback for iOS:

http://center-it.webflow.io/
Read only link: https://preview.webflow.com/preview/center-it?preview=12ee33da0e32e1bd1da009b831dff561

Let me know, it probably need some tweaks wink Cheers,
Dave


#6

This topic is now unlisted. It will no longer be displayed in any topic lists. The only way to access this topic is via direct link.


#8

Hi Dave,

Thanks very much for your reply and email, it's really helped clear this issue up! I'm just looking at your center-it site now, the video works perfectly on every browser and on every size, which is brilliant! I'm just wondering if I could clone center-it so I could add my own elements, is this possible?

Thank you so much!

Jamie


#10

This topic is now listed. It will be displayed in topic lists.


#11

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.