margin (gap) between Logo and Heather borderline

Hello,
How can I decrease the margin (gap) between Logo and Heather borderline?

Best regards.

The screenshot of it.

Attachments:

You must be logged in to view attached files.

Hello,

Which one do you want to remove: #1 or #2 https://prnt.sc/j0d5j9 ? If you want #1 put this CSS into editing mode of your home page > Settings

.main-header {
    margin-bottom: 0;
}

If you want #2, navigate to the Theme Settings > Header > Header Layout and reduce there the height. http://prntscr.com/j0d8nv

Best Regards

Hello Elise,

Perfect, thank you!

Best regards.

Ah, I was hoping that changing “0” to any value would let me change the height of the #1 as much as need as probably “10” or “20” would be better. But it doesn’t work this way, when I change to “10” it jumps back to the original height.

Plus I think I have put CSS in a wrong place as wasn’t sure how to get to “editing mode of your home page > Settings ” . So I’ve put it in Customisation -> Custom CSS. Perhaps that’s why the change has applied to all pages and eg now breadcrumbs on product page cover part of heather?

Attachments:

You must be logged in to view attached files.

Hello,

Yes, it was very important to add this code to the page, not to Theme settings.

When you are at home page press here http://prntscr.com/j0wtnf and http://prntscr.com/j0wu2o and http://prntscr.com/j0wuee and http://prntscr.com/j0wurf

In this case, the code will work only for the home page.

Best Regards

[Author]

Posts