Streaming live at 10am (PST)

Nav Bar mobile styling doesn't work

Having a strange problem. Can’t style the Webflow Navbar in the usual way. As you can see on the image, I want the button to be placed on the right side, but the div doesn’t react.

The Button itself has no spacing and has normal positioning. So it can’t be the button that kills the styling.

How can I fix this?

Thanks a lot guys.

Hi @Stupid :rofl: - 1st time I call someone stupid on the forum…

Can you share a read-only link?

:sweat_smile:

Sure. Here’s the link :slight_smile:

https://preview.webflow.com/preview/stupidandsimple?utm_medium=preview_link&utm_source=designer&utm_content=stupidandsimple&preview=aa19ec5326dde990a0c7e4b02589bf21&pageId=5db4432ec388111a97436f77&mode=preview

The link doesn’t work :confused:

https://preview.webflow.com/preview/stupidandsimple?utm_medium=preview_link&utm_source=designer&utm_content=stupidandsimple&preview=aa19ec5326dde990a0c7e4b02589bf21&pageId=5db0e54a71caa29f07c96afc&mode=preview

took it off for a minute :wink:

I am not sure what’s causing the problem, but giving the button:
margin-left:auto
margin-right:0
will solve it

1 Like

Working like a charm. Thank you so much :smiley: :+1:

How did you get to this solution? Did you have issues like that before?

Yea, for sure.
when I started using css I was all over the place… you should see my early projects :sweat_smile: :speak_no_evil:

1 Like

:sweat_smile:

I found this really frustrating, that the elements that webflow provide don’t follow the rules of the designer. It’s a crazy mess sometimes :woman_shrugging:

I guess those are internal conflicts-
Easy to use elements Vs. Complicated “Hands off” CSS behaviour

Yeah seams so. Like you said in the future I’ll keep my “hands off” these tools

LOL!
That is not what I meant :rofl:

I know :sweat_smile: but I liked the wordplay