• Registered: 2010-10-04
  • Posts: 9

Topic: Gap between menu bar and main page content

Hey guys,

If you take a look here: http://applebrides.com/ you can see that there's a pretty significant gap between the menu bar and the main body of the page - I've taken a look with firebug and the like, but I can't figure it out - any ideas?

Thumbs up

  • Registered: 2010-10-04
  • Posts: 9

Re: Gap between menu bar and main page content

No ideas?

Thumbs up

  • Registered: 2012-01-14
  • Posts: 8

Re: Gap between menu bar and main page content

You want to remove the space?

Add this to your css child theme:

#main{ margin-top: -20px; }

I think it works.

Thumbs up

  • Registered: 2010-10-04
  • Posts: 9

Re: Gap between menu bar and main page content

Nearly - that just moves the whole body upwards. The problem there is the whitespace that I want to get rid of moves up too and obstructs the menu  sad

Thumbs up

  • Registered: 2010-04-09
  • Posts: 13

Re: Gap between menu bar and main page content

To move the "white" up to your menu add this to your custom css file

#wrapper {
    min-height: 100%;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative;
}

Padding top changed from 20px to 0px

Thumbs up