Padding Between Menu and Hero Image

[Alden Sison]

Hi Bill,

How do I change the padding between menu and hero image? I want to lessen the padding so that the two are close to each other.

Thanks,

Alden.

[Bill Robbins]

Hi Alden,

You can change that. The default padding in the header is 15px on the top and bottom. Here’s how to alter that:

1. Go to the Appearance section in your WordPress dashboard and click on Customize.
2. Choose the Advanced section and select Custom CSS.
3. Paste this in the box for the Custom CSS:

   
   #header-content {
   	padding-bottom: 5px;
   }
   

4. Save your changes.

That will change the bottom padding to 5px. Feel free to change that to a different number if you’d like to. You can go as low as 0. Padding unlike margin does not accept negative values.

Let me know if you run into any trouble there.

Have a great week,
Bill

[Alden Sison]

Great!

Thanks, Bill.

Alden.

[Bill Robbins]

Anytime 🙂

[Author]

Posts