[Resolved] Amending header padding on mobile

[Andrew]

Hi,

I’m trying to change the padding around my logo on mobile only. Is there an option in Customise for this or is additional CSS required? I have the Spacing module activated.

EDIT: I also have the mobile header option selected in Layout.

Thanks,

Andrew

[David]

Hi there,

as its the mobile header you can just target it with this CSS:

.mobile-header-navigation .mobile-header-logo img {
    padding: 5px;
}

[Andrew]

Thanks David, I also added an !important height as amending the padding on its own just made the logo smaller.

[David]

Awesome 🙂 Glad you got it working right

[Author]

Posts