Archived topic

Amending header padding on mobile

3 replies · Started by Andrew on February 14, 2019

Viewing posts 1–4 of 4

February 14, 2019 at 6:29 am #810233

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

February 14, 2019 at 7:33 am #810445

Hi there,

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

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

March 13, 2019 at 6:57 am #837781

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

March 13, 2019 at 9:57 am #837969

Awesome :) Glad you got it working right

This archived topic is closed to new replies.

Start building better websites today.