How do i keep the nav bar fixed?

Design help General
1

Ive been configuring the nav bar to sit over an image. When i change the size of the browser the nav bar moves of screen. I would like it to keep it fixed place over the image.

Secondly when open I would like to move the menu items closer together so they don’t appear out of the red logo box

Any help would be great

https://preview.webflow.com/preview/the-fire-department?preview=b0e4340bc6f923a8b30ff525a09c4b46

2

Nav fixed position to screen
see video:
http://quick.as/r9arcn2R9

Nav absolute position to NEW DIV - the red fireman logo
see video:
http://quick.as/wkA6T3ZLQ

3

Thanks guys for the solution. Great stuff. Now i just need some rules around containing the menu items in the logo image if this is possible?

Thanks

4

HI Paul,

May I suggest always keep the Tutorials section in mind?

Also, create a new class for the navlink, then set your spacing there. Maybe something like 5 on top and 0 on bottom

1342×421 407 KB

5

Hi @Paul_Lyngby_Trow, so you want the menu drop down links contained within the space of the fire department logo ? Is that it?

6

Hi Cyber Dave,

Yes thats right. I also want the menu to resize and fit into the the logo area. At the moment is seems a bit small at larger sizes. Any help would be great

Cheers Paul

7

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