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 a11n
(@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.
