Archived topic
Primary Navigation and Sticky Navigation not quote aligned
3 replies · Started by Vic on October 11, 2021
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.
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.
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.
Hi there,
try adding this CSS:
#sticky-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
padding-left: 15px;
padding-right: 15px;
}