[resolved] Pages Location across Header - Too High (3 posts)

  1. MarketSell
    Posted 2 years ago #

    Hi, I accidentally tinkered with something and now the row of Page titles is far too high and doesn't sit nicely along the banner like yours do in the demo site.

    You'll see what I mean here - http://www.harnesseo.com

    How can I bring that row down lower to align nicely in the identical way that yours do here -> http://quarktheme.com/

    Can you please give me a piece of code and tell me where to put it so it's identical to yours?

    Thanks very much in advance!

  2. MarketSell
    Posted 2 years ago #

    Also, while I have you here, is there a way to decrease the inch or so of padding space at the top of the page so the whole site shifts upwards slightly to close that large gap?


  3. Anthony Hortin
    Theme Author

    Posted 2 years ago #


    The reason there is extra space between your menu and the site banner, is because you have a menu item (HARNESSEO) that has dropped down to second line. If you decrease the left margin slightly on the menu items, then there will be enough space to fit your menu items on one line.

    .main-navigation li {
       margin: 0 0 0 1rem;

    To decrease the margin in the header container slightly, you'll need to update the following styles.

    .site-title h1 {
       margin-top: 1rem;
    .main-navigation {
       margin: 2rem 0 0;

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic