Jump to content

Large "gap" under content header section

Recommended Posts


I removed the standard menu and replaced it with a Content Box in order to use a shortcode to input a third-party menu.  That worked out well.  However, now, there's a large gap under the menu on every page, and I can't figure out why or how to remove it.  Here's an example of one of the pages: http://affiliatedbc.com/?page_id=119 


There has to be a gap in the code somewhere that I can remove.  The pages look ridiculous with the giant gap between the menu and content on each page - so much so that I can't publish the site if it looks like this.  


Any idea how to remove the gap?  Thanks!

Share this post

Link to post
Share on other sites

The extra height is coming from ContentBox. You should reduce the height of it, but be careful since it might affect the functionality of mega menu. You’ll need to use Custom CSS (in Site Options > Custom Code > Custom CSS/LESS). To find the Custom CSS you need, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please review this entire documentation and follow the instructions: http://support.pagelines.me/docs/customization/custom-css. For help with the height attribute, please see these instructions: http://www.w3schools.com/cssref/pr_dim_height.asp.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now