Reduce padding around logo

How do I reduce the padding (white space) around my logo? I have already reduced the padding for my top menu bar but it dd not reduce the white space around my logo (between the logo and primary menu and especially between the bottom of the logo and top of the page info).

hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSSĀ in appearance - customize - additional CSS

#logo {
    padding: 32px 0 0px 0;

Colorlib Support Team

thank you. That reduced the padding on top of the logo (between the logo and the primary menu), but did not seem to reduce the padding below the logo (between the logo and the top of the page). Is there a way to adjust the CSS code to reduce both areas of padding?

Hello there,

I hope you are doing well today.

You can use the following CSS code to reduce the margin of the page content by going to Appearance > Customize > Additional CSS and pasting it there.

.main-content-area {
    margin-top: 0px;

Best Regards,

thanks for the information

Hi there

Is there anything else? can we mark this ticket as a resolved?

Thank you. It work.

Hi, there

ticket closed