How to remove the logo top and bottom padding on header?

Hi,
I just started a new website and tried to set up log on the header. I don’t want the top and bottom padding on my logo. How or where can I adjust them? By the way, somehow all the buttons become ☐, could you advice how to fix them? Many thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

You can remove the padding with this CSS code:

body .wd-header-nav, .site-logo {
padding: 0 10px;
}

Please add the code to the Theme Settings > Custom CSS > General.

Nevertheless, there is a small gap, you just need to cut the image: https://prnt.sc/1g9wmxy

Please check this manual to fix the icons issue: https://xtemos.com/docs/woodmart/icons-has-been-disappeared/

If you have any questions please feel free to contact us.

Best Regards

Hi,

The icon problem is fixed by following the manual. Thanks.

I added the CSS code but it didn’t work. My logo image has no gap on the edge. I attached the snapshot of the CSS code and the logo image. Please advice how to fix it. Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Please try this code:

body .site-logo img {
padding:0 10px;
}

Please try to reduce the row height a bit in the row settings: https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

Best Regards

Hi,

It works! Thanks a lot! Where to give you five stars?

Thank you very much!

You can leave your feedback and rate here: http://themeforest.net/downloads

Our whole team would appreciate it highly!

Wish you a wonderful day!

Done!

Thank you! Thank you! Thank you very much! We really appreciate it!

Please contact us if you have any questions or need any help!

Wish you a wonderful day!

[Author]

Posts