[Resolved] mobile menu padding

[Tim]

I’d like to have the mobile header padding to mimic what it does on the sticky menu. Right now there is some padding in the header that I’d like to remove…you can see that if you scroll down the sticky menu doesn’t have this. Thoughts?

[Fernando]

Hi Tim,

Your logo is left-aligned on the sticky nav whereas your logo on top is centered. To clarify, do you want them the same as well? If so, do you want them centered or left-aligned?

Let us know what you prefer.

[Tim]

Yes I would want them both centered.

[Fernando]

I see. Can you try adding this CSS through Appearance > Customize > Additional CSS:

@media (max-width: 768px) {
    nav.is_stuck .inside-navigation .navigation-branding {
        margin-left: auto !important;
    }

    .site-header .inside-header {
        padding-left: 0;
        padding-right: 0;
    }
}

[Tim]

Beautiful. Thank you.

[Fernando]

You’re welcome, Tim!

[Author]

Posts