Streaming live at 10am (PST)

Centering logo in middle of nav bar doesn't quite work


#1

Here's my site: https://preview.webflow.com/preview/webflowt3?preview=a0f9e9114f5865a2bcdf1b4920643656

I read through this older thread by another guy here and followed the instructions: http://forum.webflow.com/t/how-to-create-a-centered-navigation/8073/5

1) However, when I switch to tablet or phone views, the nav bar totally vanished into the bermuda triangle.

2) Another issue, which is the logo (the orange circle), looks like it's centered, but after measuring, it's actually slightly off-center.

Any advice?

Tks!


#2

On mobile views the navbar turns into the icon. However, if you want the full nav to show on all devices they you can set it that way in settings.

I'd create three areas, the navbar on left, logo in center, and navbar on right. Then address each areas formatting based on each view size.


#3

Hi, are you referring to something like this structure:
http://gyazo.com/5ea1893cbfa9ed2265653ea6b5b39840

Tks!


#4

Yes, that's the type of structure I'm referring to. I haven't done that in Webflow so I'm not sure how you would want to handle the mobile icon probably not show one but the other.


#5

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