I want the menu to stay locked at the top of the page and not scroll but when I disable the sticky menu it disappears completely! Maybe it’s because of the custom css I used to make the background color and hover of the menu transparent and to sit on top of the slider. Please help!
My custom css:
/* Vantage Logo in Menu Transparent Menu BG */
nav:first-of-type { display: none; }
.main-navigation { width: 100% !important; }
.main-navigation {
background: none !important;
box-shadow: none !important;
}
.main-navigation ul li:hover > a {
background: none !important;
}
#main { padding-top: 100px; }
.home #main { padding-top: 35px; }
Hi Jo
The CSS that you’re using there was written for use with sticky menu on. If sticky menu is off then try removing this line of CSS:
nav:first-of-type { display: none; }That works great thank you! The problem I am having now is that the menu does not sit on top the slider, but rather above it with a grey background just behind the menu and no where else.
For sure.
Please send through a link and I’ll take a look ASAP. Thanks.
Sorry, I am very new to all of this. I’m just working on my site using my home server, it isn’t up on the web yet…
I’d unfortunately need to take a look at something like this live so I can inspect the source. Perhaps you can drop us a link once it’s live.