Archived topic
Center site title and logo and hamburger menu on mobile
3 replies · Started by ballerinamoose on May 22, 2022
Viewing posts 1–4 of 4
Hi,
I'm having the darndest time getting this to work--I tried several other suggestions for similar issues but can't seem to figure it out. It's probably an easy fix, too, but I'm not seeing it.
On mobile, I'd like to achieve the following:
Logo + Site Title centered on one line
Hamburger menu centered under that
Thanks for your help!
Hi there,
Here is a CSS you may add in Appearance > Customize > Additional CSS to achieve as such on mobile:
@media (max-width: 768px) {
.main-navigation.has-branding:not(.grid-container) .inside-navigation:not(.grid-container) .navigation-branding {
margin-left: auto;
}
.main-navigation .inside-navigation {
justify-content: center;
}
}Kindly let us know how it goes. :)
That worked perfectly! Thanks so much, Fernando! :)
You’re welcome! Glad that worked! :)
This archived topic is closed to new replies.
