Solved Pesky white space between Top Nav and Header section

Graz73 · Jun 20, 2022

HI,
I've got this white space showing up between the top navigation and the hero image on my divi site.
This white space seems to be above the divi body code somehow...

Here is the site:
koala.flywheelsites.com
To view:
User: flywheel
PW: regular-nitrogen

I've tried all the tricks I could find on google:

Setting margin-bottom: 0!important; padding-bottom: 0!important;

Setting spacing to ) in the divi settings

adding CSS to my child theme

Setting -
#et-main-area {
overflow: hidden!important;
}
#et-main-area {
overflow: hidden!important;
}

and more?!

None of these worked.
HELP!!

Neiman · Jun 20, 2022

This works for me:

#main-header .et_search_outer {
display: none!important;
}
.single .et_pb_post {
margin-bottom: 0!important;
}
.row_custom_footer:after {
content: ' '!important;
}
.post-template-default #left-area {
padding-bottom: 0!important;
}
.page #left-area {
width: 100% !important;
}
#et-main-area {
overflow: hidden!important;
}
/* Hide the header */
#main-header { display:none; }
#page-container {
padding-top:0px !important;
margin-top:-1px !important
}

Make sure that the page or post type is "blank template"
If it worked for you then give me a follow @thatblahblahco

Graz73 · Jun 20, 2022

I had to modify that code further, but it helped!
THANKS! following you now!

Solved Pesky white space between Top Nav and Header section

Graz73 New Member

Neiman New Member

Graz73 New Member

Useful Searches

Solved Pesky white space between Top Nav and Header section

Graz73 New Member

Neiman New Member

Graz73 New Member