[Resolved] Change size of navigation logo

Home Forums Support Change size of navigation logo

  • This topic has 5 replies, 2 voices, and was last updated 1 month ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1259923
    Nimie

    I am using a sticky navigation logo but would like it larger than the 30 x 30 default without increasing the height on the actual menu. I know I can use navigation as header but I want to add a header to the interior pages and still want an icon to show on the sticky navigation. I have added:
    .navigation-branding .sticky-navigation-logo img{ position: absolute;
    top: 10px;
    left: 0;
    z-index: 90;

    }
    .navigation-branding img .sticky-navigation-logo img {
    height: 100px;
    }

    This works to move the logo lower but does not change the size.

    #1259932
    Leo
    Staff
    Customer Support

    Hi there,

    Do you want the sticky navigation logo to float outside the menu container?

    #1259947
    Nimie

    Yes correct.

    #1259950
    Leo
    Staff
    Customer Support

    Modify this:

    .navigation-branding img .sticky-navigation-logo img {
        height: 100px;
    }

    To this:

    @media (max-width: 1024px) and (min-width: 769px), (min-width: 1025px) {
        .main-navigation.sticky-navigation-transition .navigation-branding img {
            height: 100px;
        }
    }
    #1259954
    Nimie

    That did it, thank you for the quick response.

    #1260007
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.