Archived topic
Split template
3 replies · Started by Paul on December 21, 2018
Viewing posts 1–4 of 4
Hi, just playing around with the Split template and wondered if it's possible to bring the left & right menus closer to the logo, rather than float right and left?
Similar to this.. https://femininethemesdemo.com/themes/maggie/
Thanks
Hi there,
that Site uses two menus placed either side of the logo. Not so simple with Split to position them like so. But what you could do is to set a max width to the navigation which would bring the menus in closer, so go to Customizer > Additional CSS and look for:
.main-navigation:not(.slideout-navigation):not(.mobile-header-navigation) .main-nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}Update it to this:
.main-navigation:not(.slideout-navigation):not(.mobile-header-navigation) .main-nav>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 800px; /* Adjust width to suit */
margin-left: auto;
margin-right: auto;
}Works great, thanks very much.
Merry Xmas!
You're welcome and Merry Christmas to you :)
This archived topic is closed to new replies.
