Fixed Top Menu Issue


#1

Hi Everybody,

I got my menu from a block. I have about a 50px gap between my block header and my menu. When I select “Fix Top” for my menu, it pulls my header block right up tight to it so it takes my gap away. What causes this? Any help is appreciated.

Thanks
Randy


#2

Add a CSS rule to your stylesheet
nav.fixed-top {
top: 50px;
}


#3

Just curious, which block did you use that you had this problem with?


#4

Hi,

Not at my computer right now. I think it was nav block 1-4. I tried Sureweb:s css solution. It put the gap above the navbar. I tried to at it to bottom with no success. I will double check tomorrow for you on the block.


#5

Hi,

I think I misunderstood what you were asking. Scrap what I said…
After you have applied fixed-top to the navbar select div.top-bar in the tree and give it a top-margin of 50px.

Or else you are looking for one of these effects

https://www.w3schools.com/howto/howto_js_navbar_sticky.asp

https://www.w3schools.com/bootstrap/bootstrap_affix.asp


#6

Sorry, about that. I don’t always explain things properly. Thanks I will give that a try. James, I have confirmed it was Nav Block 1-4 I 'm using.