Nav Bar mobile styling doesn't work

Design help Animations & Interactions
1

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.

Bildschirmfoto 2020-04-01 um 17.41.02
Bildschirmfoto 2020-04-01 um 17.41.022088×988 202 KB

2

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

Can you share a read-only link?

3

: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

4

The link doesn’t work :confused:

5

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:

6

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

1 Like
8

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

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

9

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
10

: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:

11

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

12

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

13

LOL!
That is not what I meant :rofl:

14

I know :sweat_smile: but I liked the wordplay