Site logo

Archived topic

Floating Nav Logo on sticky menu not working with page header

3 replies · Started by Nimie on May 20, 2018

Viewing posts 1–4 of 4

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 :)

This archived topic is closed to new replies.