Site logo

[Support request] Primary Navigation and Sticky Navigation not quote aligned

Home Forums Support [Support request] Primary Navigation and Sticky Navigation not quote aligned

Home Forums Support Primary Navigation and Sticky Navigation not quote aligned

  • This topic has 3 replies, 3 voices, and was last updated 4 years ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1960478
    Vic

    Hi GP.
    I would like these to be in the same position on the right hand side for all pages.
    Currently they are a couple of characters out.
    But I can’t quite understand what it is that is different?
    Therefore I am not sure what to adjust?
    Thankyou.

    #1960531
    Elvin
    Staff
    Customer Support

    Hi vic,

    I’m not sure I full understand what you’re pertaining to.

    Can you explain a bit more about “not quote aligned” regarding primary navigation and sticky navigation?

    Are you pertaining to the logo not being on the same row as the menu items when the scroll is at the top of the page?

    If that’s the case, can you go to Appearance > Customize > Layout > Header and check “Navigation as header”? And then see if that’s the desired result.

    #1960708
    Vic

    Hi Elvin,
    What I was trying to say was not relating to the logo.
    The logos are different, so as you scroll down the page, and move from the header navigation, to the sticky navigation, any different positioning of the logo is not apparent.
    I am refering to the menu and search icon.
    When I see the header navigation, the right edge of the search icon is approx 102mm from the right edge of screen.
    When I scroll down the page and the sticky navigation appears, that distance increases by 4mm to approx 106mm from the right edge of the screen.
    When I scroll down the page, and it moves from the header navigation to the sticky navigation, I would like the search icon and menu to remain in the same position.
    Thankyou.

    #1960816
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    #sticky-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
        padding-left: 15px;
        padding-right: 15px;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.