Home Forums Basel support forum margin (gap) between Logo and Heather borderline

margin (gap) between Logo and Heather borderline

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #50608

    MagdaV
    Participant

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

    Best regards.

    #50621

    MagdaV
    Participant

    The screenshot of it.

    Attachments:
    You must be logged in to view attached files.
    #50669

    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

    #50847

    MagdaV
    Participant

    Hello Elise,

    Perfect, thank you!

    Best regards.

    #50849

    MagdaV
    Participant

    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.

    #50857

    MagdaV
    Participant

    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.
    #50884

    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

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)