Archived topic
Center sticky nav logo
3 replies · Started by Immi on November 7, 2019
Viewing posts 1–4 of 4
How to Center nav logo
I'm using Navigation as Header and i want to display the logo in center for mobile devices.
Hi there,
Remove this CSS you've added:
.site-logo.mobile-header-logo {
margin-left: 0 !important;
}
#mobile-header button.menu-toggle {
position: absolute;
left: 1px;
}
#mobile-header .mobile-bar-items {
margin-left: auto;
}and try this instead:
.navigation-branding, .site-logo.mobile-header-logo {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-right: auto;
margin-left: auto;
}
.main-navigation .mobile-bar-items {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}Thanks Leo
No problem :)
This archived topic is closed to new replies.
