Home Forums WoodMart support forum Unable to remove this gap between header and elementor section

Unable to remove this gap between header and elementor section

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #337176

    kilimats
    Participant

    Do you know what is causing this gap? the page is private hard to share for you to see
    https://i.imgur.com/D0yNo5w.png

    #337177

    kilimats
    Participant

    THis is what this section shows in the inspector

    https://i.imgur.com/h126Nqk.png

    #337192

    Luke Nielsen
    Keymaster

    Hello,

    The header has a standard indentation from below, to be able to compensate for that indentation, you should add to the first section a negative value via the” Advanced settings” of the section.

    https://gyazo.com/117cae37caec3124876bd77c85aef866

    Kind Regards

    #337262

    kilimats
    Participant

    Why is this indentation there? it wasnt showing before though

    Is this because the bottom header row is empty? cant we hide it?

    https://i.imgur.com/eOSo3ol.png

    #337368

    Luke Nielsen
    Keymaster

    Hello,

    The header has it by default. You can’t remove this indentation from the header builder, you have only one way is to add to the first section a negative value.

    You can hide the empty row section in the header by means of the “Hide on desktop” option but it will not help you.

    https://prnt.sc/224nylg

    https://prnt.sc/224nscy

    Please, try to fix it in the way I mentioned above.

    Kind Regards

    #337381

    kilimats
    Participant

    I readded the bottom header section but the empty space is still showing as pictured below, why? it makes no sense to have to add a negative value section to ALL my website pages, we need a global fix, please help

    https://i.imgur.com/nP0wDhk.png

    #337408

    Luke Nielsen
    Keymaster

    Hello,

    1. If you want to remove indentation from below only on the one page, I recommend you to add to the first section of the Elementor a negative value “margin-top:-40px;”.

    https://prnt.sc/2255tnw

    2. In order to remove this indentation from the header globally, please try to add this custom CSS code to the “Global Custom CSS” area in Theme Settings -> Custom CSS. But in this case, on some pages without the page title, the indentation between the header and the content will disappear (https://prnt.sc/2252oxt), and the background color settings (https://prnt.sc/2252aq9) may be incorrect.

    .website-wrapper .main-page-wrapper {
    	margin-top: 0;
    	padding-top: 0;
    }
    
    .website-wrapper .whb-header {
    	margin-bottom: 0;
    }
    
    .website-wrapper .page-title {
    	margin-top: 0;
    }

    Kind Regards

    #337537

    kilimats
    Participant

    But why is this showing in the first place? is this a bug ? if so we should fix the issue instead of adding CSS to hide it, please advise

    #337649

    Luke Nielsen
    Keymaster

    Hello,

    It isn’t a bug, our theme has this indent from below by default, it makes the page more beautiful and elements don’t look like in the heap.

    https://gyazo.com/f1d4a505ba97f0fc2ff8ced89d284a5f

    Kind Regards

    #337730

    kilimats
    Participant

    Oh i understand now, so that means that i need to add a negative value whenere I use transparent harder right? otherwise it will look weird

    #337798

    Luke Nielsen
    Keymaster

    Hello,

    It means that if you don’t want to have an indent after the title, you should add a negative value for the first section which begins after the header to compensate for this indent.

    https://prnt.sc/22b8977

    https://prnt.sc/22b8lfi

    Kind Regards

    #338104

    kilimats
    Participant

    thank you make sense now

    #338132

    Luke Nielsen
    Keymaster

    Hello,

    Let us know if there’s anything else we can do for you! You can always reach us at any time.

    Have a wonderful day.

    Kind Regards

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

The topic ‘Unable to remove this gap between header and elementor section’ is closed to new replies.