[Resolved] Keep logo identical on sticky header

Home Forums Support Keep logo identical on sticky header

  • This topic has 3 replies, 2 voices, and was last updated 12 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1238327
    fabien

    Hi there, by default it seems that the sticky header logo is CSS’d to move to the left and be a tad smaller. How would I go about keeping it identical in both normal header and sticky header?

    #1238442
    David
    Staff
    Customer Support

    Hi there,

    by default the Navigation Logos are sized by the Menu Item height you set in Customizer > Layout > Primary Navigation ( which you have at 105px ) and Sticky Navigation ( which you have at 75px).

    In addition you have this CSS added to your site which is affecting the primary nav logos size and position:

    .site-logo img {
        padding: 20px;
        margin-left: 2%;
    }

    So you could:

    1. Change the Menu Item heights to match.
    2. Either remove the above CSS or change it to this to include the sticky logo:

    .site-logo img,
    .main-navigation.sticky-navigation-transition .navigation-branding img {
        padding: 20px;
        margin-left: 2%;
    }
    #1239464
    fabien

    fantastic, thank you!

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