Help removing empty space between nav bar and page body

  • Hi – I’m new to WordPress, taking over a site built for me by a web developer and tweaking various design settings: https://www.sparkpresentations.com

    One thing I can’t figure out, on all pages except the Home page, is how to reduce the amount of empty space between the bottom of the gray nav bar and the page title in blue. (It was put there to leave space for sub-nav menus but I only have one sub-nav menu, in the “Trade Show Booth” category.)

    For example: https://www.sparkpresentations.com/special-event-emcee/

    I’ve searched far and wide in the CSS, page templates and more and just can’t find it.

    Can anyone tell me 1) where in the WordPress setup I can get access to the code for reducing the empty space for ALL pages except Home), and 2) what specifically I should change to reduce the space?

    Thanks!!!! Much appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)

  • There is an empty element there:

    <div id="sub-nav"> </div>

    with this CSS which is creating the height/space:

    #sub-nav {
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    width: 920px;
}

    Try looking in your theme’s stylesheet. I’m sorry but it is beyond the scope of these forums to deal with general CSS issues. I can only suggest that you try using Firefox with the Firebug add-on for this kind of CSS work. Or use whatever developer tool is available in your web browser.
    https://getfirebug.com/

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help removing empty space between nav bar and page body’ is closed to new replies.