Remove Padding Around Header

  • Resolved asiyanym

    (@asiyanym)


    6 years, 10 months ago

    Hi,

    I’m using Hamilton’s child theme, Minimalist Portfolio and want to remove the padding around the header. What custom CSS code can I use to do this?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • You should check the Minimalist Portfolio forum for a solution ??

    Theme Author Anders Norén

    (@anlino)

    Hi @asiyanym,

    To reduce the padding, go to Appearance > Customize > Additional CSS (the menu labels might be different in your language) and enter the following code:

    .site-header { padding: 80px 0; }

@media ( max-width: 620px ) {
    .site-header { padding: 40px 0; }
}

    The first value (80px) determines the padding on desktop, and the second the padding on mobile. The Additional CSS field was added in 4.9, so make sure you’re running the latest version. Let me know how it goes.

    — Anders

    Hi Anders,
    I’d also like to reduce the padding in the header.
    I tried to use this CSS and it didn’t do anything. Could you double check please?

    Thanks in advance for your help.
    Maxime.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove Padding Around Header’ is closed to new replies.