Support » Theme: Quark » Pages Location across Header – Too High

  • Resolved MarketSell


    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 –

    How can I bring that row down lower to align nicely in the identical way that yours do here ->

    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!

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


    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?


    Theme Author Anthony Hortin



    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;
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Pages Location across Header – Too High’ is closed to new replies.