Archived topic
Kepp logo at letf side when choosing Center for Navigation Alignment for Primary
5 replies · Started by Forum User on May 28, 2020
Hello
I am using Navigation as header.
I want to keep my site logo to the left side, but the primary menu in navigation to be centered. When I choose "Center" for Navigation Alignment under Primary Navigation in Customize, it makes both the menu and the logo centered. I want only the menu to be centered.. any help please?
Below is the photo of it:
Thanks
Hi there,
Do you want the search icon and cart in the center as well?
Hi Leo,
Thanks... I would like to keep those (search and cart) on the right side please.. only the menu in center
So basically the same style as Target here:
https://gpsites.co/target/
It's using this CSS:
/* Primary navigation styles */
.main-navigation:not(.slideout-navigation) .main-nav {
flex-grow: 1;
}
.main-navigation .main-nav {
text-align: center;
}
@media (min-width: 769px) {
.nav-aligned-right .main-navigation .menu li.search-item,
.nav-aligned-right .main-navigation .menu li.wc-menu-item {
float: right !important;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
great, that worked like charm... thanks Leo
No problem :)
