Support » Theme: Storefront » more space for logo header

Viewing 4 replies - 1 through 4 (of 4 total)
  • laceyrod

    (@laceyrod)

    Automattic Happiness Engineer

    Hi there,

    Thanks for reaching out.

    > I need more space unter the logo left how could I add more?

    You could try adding the following CSS to adjust the space under the logo:

    /* Add space under logo */
    header#masthead.site-header {
      padding-bottom: 250px;
    }

    But then you’d need to likely move your navigation menu down as well:

    /* Main navigation */
    .main-navigation ul li a, ul.menu li a {
      margin-top: 70px;
    }

    Of course, you can adjust the numbers to get it to your liking.

    Let us know if this helps!

    thank you very much

    i have done this but please could we move the menu up
    https://sonnenschule.com/shop/

    to make the header is not the best way I think, please I would like to move it up

    header#masthead.site-header {
    padding-bottom: 250px;
    }

    I found it now
    only thing how could I move it to left?

    .main-navigation {
    position: relative;
    top: -10em;
    width: 55%;
    clear: both;
    }

    .cart-contents {
    position: relative;
    top: -8em;
    width: 55%;
    clear: both;
    }

    Job

    (@jobthomas)

    Automattic Happiness Engineer

    Hi @ppeter12. It has been silent on this thread, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

    Reordering and organising the header of Storefront can be done (more) easily with Storefront Powerpack: https://woocommerce.com/products/storefront-powerpack/. I’d advise using that if you’d like to fine-tune this further.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.