Text not centering when view changes

I was trying to create a link in the nav bar that would only show up on Mobile devices. I created a combo class as ‘MobileOnly’ and changed the view settings to be “Visible on Tablet and Mobile Only”.

When I change this setting…for some reason the text goes left-aligned and I can’t figure out why it won’t center. I’m assuming this is a bug but maybe I’m wrong. You can see the bug on a mobile view…the ‘Home’ link is left-aligned.

Any help is much appreciated!

Here is my site’s Read-Only: https://preview.webflow.com/preview/fullscreen-nav-test?preview=c376070dd7c1769e3a9270c28e4d6849

Here’s the published link: http://fullscreen-nav-test.webflow.io/

Don’t use the Visibility settings, reset them to default for this element. Use display:none for the element for Desktop in the style panel, and you won’t face the bug.

Ah, should have thought of that! Worked great!

Not sure if the Visibility settings should still be considered a bug or not, but I’m set at least.


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