[Resolved] Issue with navigation logo

Home Forums Support [Resolved] Issue with navigation logo

Home Forums Support Issue with navigation logo

Viewing 3 posts - 16 through 18 (of 18 total)
  • Author
    Posts
  • #940002
    Nimie

    Padding was only required on the tablet. If you look at the tablet/mobile view it now works perfectly but the desk top logo is very small. It was large and shrunk down which is what I want just like the mobile version.

    #940016
    Nimie

    This resolved it:


    @media
    (min-width: 769px){.site-logo
    {position: absolute;
    left:0;
    top: 0;
    z-index: 999;
    }
    .navigation-branding img {
    height: 250px;
    }

    @media
    (min-width: 769px) {
    .main-navigation.sticky-navigation-transition .site-logo img,
    .main-navigation.sticky-navigation-transition .navigation-branding img {
    height: 150px;
    }
    }
    }

    @media (max-width: 769px){.site-logo
    {position: absolute;
    padding-left: 10;
    top: 0;
    z-index: 999;
    }
    .navigation-branding img {
    height: 100px;
    padding-left: 10px;
    }

    @media
    (max-width: 769px) {
    .main-navigation.sticky-navigation-transition .site-logo img,
    .main-navigation.sticky-navigation-transition .navigation-branding img {
    height: 70px; padding-left: 10px;
    }
    }
    }

    #940021
    Leo
    Staff
    Customer Support

    Ok glad you figured out 🙂

Viewing 3 posts - 16 through 18 (of 18 total)
  • You must be logged in to reply to this topic.