Remove Header Section

[rahulbasu16Participant]

I have removed the header images but the blank white space still exists on the page. I want to complete remove the section or make the section slimmer so the content is visible easily.

My Site- https://bongfooodie.com

[AndyKeymaster]

It is possible to use the custom header option and then leave it empty, so then it won’t show the header image and the page title and the page content will start immediately after the logo/menu area.

In the page editor go to the ‘Header Area’ and select the ‘Custom’ tab and select the checkbox for the ‘Enable Custom Header’ option. See attached image below which shows the custom header area in the page editor.

[rahulbasu16Participant]

Does it need to be done individually in all the pages? I wanted it to be site wide.

[AndyKeymaster]

Yes that is on a per page basis.

To make the section slimmer, can you try adding the following CSS to ‘Customize’ > ‘Additional CSS’:

.main-header {
    min-height: auto !important;
    padding-top: 80px !important;
}

Change the 80px value if you need to.

[rahulbasu16Participant]

Thanks, I will play around with both of these options.

[Author]

Posts