Archived topic
align primary and secondary nav to same right edge
5 replies · Started by sparkle on April 19, 2022
hi generatepress! happy spring!
on a new website i'm making, i have primary and secondary navigation in the header. i used a function i found here to move the cart icon to the secondary nav and have a home button on the right side of my primary nav. i really want these two icons to line up to the right edge of the grid container (the cart is in the proper place), but for the life of me, i can't get it accomplished. can you help?
Hi there,
in your child theme style.css I see this CSS rule:
.secondary-nav-below-header .secondary-navigation .inside-navigation.grid-container,
.secondary-nav-above-header .secondary-navigation .inside-navigation.grid-container {
padding: 20px 20px 0px 20px !important;
}You could amend that padding to add 40px left and right padding to match the site header. That should get them aligned.
oh... ha. i just got div.inside-header.grid-container {padding: 20px 20px;} to fix it....
The site header padding you can adjust in the Customizer > Layout > Header :)
thank you!
You're welcome!
