[Resolved] Floating Nav Logo on sticky menu not working with page header

[Nimie]

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;
}

[Leo]

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.

[Nimie]

Perfect! Your customer rocks as always!!

[Leo]

Glad we have been helpful 🙂

[Author]

Posts