Streaming live at 10am (PST)

Center align nav links in mobile menu changes to inline block


#1

Whenever I add a new navbar, I click on the menu button in the editor for Tablet, Mobile Landscape and Mobile Portrait. I always try to center the Home, About, and Contact text in the Nav Links in the dropdown. When I click to center the text with Text Align, the whole Nav Link changes its Display Setting from Block to Inline Block and the Nav Links stack side by side instead of on top of each other like they’re suppose to.


Here is my site Read-Only: https://preview.webflow.com/preview/davids-superb-project-c6e-a55cb9545048a?utm_source=davids-superb-project-c6e-a55cb9545048a&preview=bbc35496badcb78f7233a8afbcb04886

(how to share your site Read-Only link)


#2

Hi @bronxbomber ! I can’t see the issue, did you fix it?


#3

It is still doing this. I have made a Jing video to show how it changes the Display Settings by itself when you try to Text Align the text in a Dropdown.


#4

This is what I see without touching anything!
CloudApp

What you can do is just to set a 100% width to the Nav Link 11 and it’ll be fine.


#5

It happens everytime. It must rectify itself after awhile, because I made a video of it. It is happening everytime for me.


#6

Did you try to make the width 100%?


#7

Yes, nothing happened. Should the Display Settings change by itself when use Text Align?


#8

Here’s a video of what I see. What browser are you using?
CloudApp


#9

Can you drag a totally new Navbar over and then click on one of the Nav Links and try to center align the text? Watch the Nav Link and see if it moves to the middle and changes from Block to Inline Block?


#10

Yes it does!
CloudApp


#11

Its not suppose to do that.


#12

@Brando @Waldo @PixelGeek Any idea / explanation?


#13

Hi @bronxbomber @donaldsv

Thanks so much for posting about, and digging into this navbar issue.

I was able to test and reproduce this issue without much trouble. I’ve filed an issue with our engineers and we’ll dig into this.

For now you can workaround this by changing the display setting to inline block, then back to block:
CloudApp

Hope this helps!


#15

Ok, can you keep me updated on when this is fixed? There are other bugs in the Menu Button that I’ve found also.