Archived topic
Can't center logo on mobile
3 replies · Started by Lewis on July 16, 2017
Maybe I'm blind here but I can't see an option to center the logo on mobile.
I tried using using the GP premium addon for the mobile specific header but that made it 10x times (stretched the logo out of proportion, threw my hamburger icon out of center and still didn't center the logo)
https://thefreelanceeffect.com
Usual margin auto stuff not doing anything
10x worse I meant to say
Oh and my nav links on mobile have HUUUUUGE top/bottom spacing for some reason, what's up with that?
Hi there,
Try this CSS:
@media (max-width: 768px) {
.header-aligned-left .site-header {
text-align: center;
}
}
You can adjust the menu item height for mobile: https://docs.generatepress.com/article/menu-item-height-width/
Just need to click the mobile toggle first.