Celebrating 7 Years! Get up to $30 off GeneratePress Premium!

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

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

Home Forums Support Floating Nav Logo on sticky menu not working with page header

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #580169
    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;
    }

    GeneratePress 2.1.2
    #580221
    Leo
    Staff
    Customer Support

    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.

    #580224
    Nimie

    Perfect! Your customer rocks as always!!

    #580227
    Leo
    Staff
    Customer Support

    Glad we have been helpful 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.