Text not centering when view changes

Design help General
1

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/

2

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.

3

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.

Thanks!

4

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