Support » Theme: Scrappy » [Theme: Scrappy] Moving the menu bar underneath the header

Viewing 3 replies - 1 through 3 (of 3 total)
  • It actually IS underneath the header — you just don’t have any content in site title or site description (those options are turned off probably). If you look at the picture of the theme page on the theme download page, you’ll see that there is the header section — with the site name/site description just below the part with stripes on it.

    The wide black section below the menu on your page is because when you DO have the site name above the menu, the menu gets pushed down over that. If you want to just get rid of the black, reduce the height in this CSS code — line 573 in style.css file:

    header#masthead {
        background-color: black;
        background-image: url("");
        height: 350px;
        margin: 0 auto;
        padding: 0;
        width: 100%;

    I actually increased the size of that from 200 to 350 because I planned to put my custom header in it. I thought that was where it was supposed to go lol.

    I’ve put it back to 200 px. I need to change the size of the header div to 350 to accommodate my custom header. So,…. where IS the header div?

    From the theme code, it looks like that is an theme option — and the size is probably editable in the CSS code… How big is your image? Try uploading it — there may be a place to set the height when you are doing that — and see how it looks.

    The header div IS what you already changed — see the space for background image in that same section — that’s where the image ends up…

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Theme: Scrappy] Moving the menu bar underneath the header’ is closed to new replies.