Archived topic
Floating Nav Logo on sticky menu not working with page header
3 replies · Started by Nimie on May 20, 2018
I have a nav logo floating outside of the container on my sticky nav menu. Works great until I use the GP page header. It no longer floats outside the container. This is the css I added to achieve the logo positio
@media (min-width: 769px){
.main-navigation .sticky-logo {
position: absolute;
top: 0px;
left: 0;
z-index: 500;
}
.main-navigation .sticky-logo,
.main-navigation .sticky-logo img {
height: 100px;
}
Hi there,
Try replacing this part of CSS:
.main-navigation .sticky-logo,
.main-navigation .sticky-logo img {
height: 100px;
}
to this:
body .main-navigation .sticky-logo,
body .main-navigation .sticky-logo img {
height: 100px;
}
Let me know.
Perfect! Your customer rocks as always!!
Glad we have been helpful :)