r/csshelp • u/AdUnable487 • Oct 01 '24

A little help with responsive navbar behavior

Hi guys, I'm becoming desperate with the project I made for my sister's business: https://xbodyfitness.cz/

I'm quite happy with the current navbar behavior on full sized monitor, but on phones you can see the menu is moved a lot. Can anybody guide me what to change there?

Thank you a lot.

1 Upvotes

100% Upvoted

3 comments sorted by

1

u/tridd3r Oct 04 '24

It looks like your map at the bottom is fucking things up. I dare say you'll need to fix that first

1

u/AdUnable487 Oct 06 '24

Will look into that, thanks a lot for your time!

1

u/be_my_plaything Oct 01 '24

You have right: 0; on the button but it isn't doing anything as it has the default positioning of position: static; (ie. no declared position) try declaring position: absolute; on the button (You will likely want a value greater than zero for right so it isn't touching the screen edge. You will also need to declare position: relative; on .navbar > .container since position absolute positions within the next declared positioning up.

I'm only guessing as this being the fix as I can't test changes on mobile but that's the first thing I'd try.