0
Answered

Unwanted space created by empty section

tbhall 7 years ago in BLOX CMS updated by Christine Masters 7 years ago 7

Hello,


Is there any way to prevent an empty section from creating unwanted space? 


As shown in the screenshots below: masthead-full-top is creating a space in the header that I can't seem to get rid of. Using the inspect element tool in Chrome I can't find CSS to remove the issue, and the section isn't editable itself.


Any help would be greatly appreciated!

Image 352

Image 353


GOOD, I'M SATISFIED
Satisfaction mark by tbhall 7 years ago

Where is the empty space you're talking about on the live site? Can you take a screenshot into Photoshop and circle the area?

+2

It actually looks like your "blox-ad-position-fixed-big-ad-top-left1" has a bottom margin of 40 which is pushing everything down.



+1

Yep. That's the culprit. I didn't even look at that ad.

+1

If you're talking about the masthead-full-top region having height but no actual content you could do it this way...


#masthead-col-one {

margin-top: -45px;

}


#masthead-col-two {

margin-top: -45px;

}


...which would give you this...



If you want to bring the mountains back into view try something like this...


#site-header-container {

background-position50% 30%;

}

Answered

You guys are awesome!