Styling Mobile Navigation Issues

Design help General
1

I’m having a bit of a hard time getting the mobile navigation to do what I want.

My Site Preview Link

I’d like menu button to be flush with the right side of the screen on all devices, which I can’t figure out how to do. And then when the button is open, to try to make it’s BG color flush with the opened navigation I had to end up increasing it’s margin, but is there a better way?

Also (I have two navigations, one is transparent, the other is the white one which animates on scroll). For the white navigation, I’d like the menu icon to be pink, but when I style it to pink and then style the “opened” version of it to white, it changes the normal state back to white, making it appear as if there is no button.

And lastly, I can’t seem to get the menu animation to work (the interaction) of it scrolling onto the screen on all pages, it only seems to work on the home page, even though it is a symbol.

Thanks!

2

Hoping to get some feedback or help on this issue with the navigation. Thanks!

Would be happy to add any clarification to my issues if that helps!

3

To clarify, my biggest issue is the way the menu works on mobile and not being able to get the menu icon style to stick. If I could get some help troubleshooting that, I would appreciate it.

4

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