Home › Forums › Support › How to center main nav on page with logo on left and second nav on right ?
- This topic has 10 replies, 3 voices, and was last updated 7 months ago by
Tom.
-
AuthorPosts
-
June 14, 2020 at 3:04 am #1327134
Nicolas
Hi,
I’m trying to accomplish this:
Logo on the left, Main nav is centered… and secondary nav “logo + cart” on left
Everything in the “contained” aera.I try this code find on the forum
.inside-header { display: flex; justify-content: space-between; } .inside-header .site-logo { order: 1; margin-right: auto; } .inside-header .main-navigation { order: 2; margin-left: auto; margin-right: auto; } .inside-header .secondary-navigation { order: 3; margin-left: auto; }
but i have this for the moment
https://prnt.sc/szfjdlSecondary nav is at the left of the logo and main navigation is not centered.
Thank’s for your response.
Nicolas
June 14, 2020 at 8:44 am #1327547Leo
StaffCustomer SupportHi there,
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 14, 2020 at 12:45 pm #1327734Nicolas
Hi Leo,
the website is not live.
But i can give you an access ?June 14, 2020 at 4:45 pm #1327921Tom
Lead DeveloperLead DeveloperAbsolutely, you can email it to us through the form here: https://generatepress.com/contact
Just be sure to mention this topic 🙂
Thanks!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJune 15, 2020 at 1:58 pm #1329134Tom
Lead DeveloperLead DeveloperHi there,
Did you get this sorted? Looks like you ended up moving the secondary navigation into the main navigation and using it as the header.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJune 15, 2020 at 2:02 pm #1329139Nicolas
Hello,
Yes my objectif was to use primary navigation as header and use secondary navigation in the primary for account and cart links with custom icons.I have not yet managed to put the custom icons
June 15, 2020 at 2:39 pm #1329170Tom
Lead DeveloperLead DeveloperSo are you now only wanting to add icons to the secondary nav? If so, have you checked out the “Menu Icons” WordPress plugin?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJune 16, 2020 at 12:09 am #1329470Nicolas
Hi,
I still have a problem with the position of the secondary navigation in the header.
I thought at the start to use the custom icon font that I added via CSS code, but if you recommend the plugin then I can try.
On the other and, I do not know how to change the logo of the woocommerce basket via the plugin
June 16, 2020 at 9:23 am #1330211Tom
Lead DeveloperLead DeveloperTry this:
.inside-navigation .secondary-navigation { order: 10; margin-left: auto; margin-right: 0; }
There are a couple of options for the WooCommerce basket in Customize > Layout > WooCommerce.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJune 23, 2020 at 11:42 am #1339239Nicolas
It works,
thank you very much tomJune 23, 2020 at 3:53 pm #1339487Tom
Lead DeveloperLead DeveloperYou’re welcome 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.