Storefront Header size

Hi @alexaguirre13

Thank you for reaching out!

I would like the narrower header on the logo and menu part.

It would be helpful if you could share a bit more details regarding what you are trying to achieve. Thus, I will be able to see if I can provide you CSS to make any changes that you want.

Thank you!

Of course, how can I upload an image to this forum for more reference than I want?

Hi @alexaguirre13

how can I upload an image to this forum for more reference than I want?

If you don’t already have a screenshot service installed, we recommend using https://snipboard.io for sharing screenshots – please follow the instructions on the page, then paste the URL in your reply.

Looking forward to your response.

thank you
I send you the link of the image
I want to reduce the space that is in green

https://snipboard.io/G7UDB5.jpg

Hi @alexaguirre13

To reduce the space, you can try the below Custom CSS:

/* adjust header size | 4939495 - ZD | NS */
@media only screen and (min-width: 768px){
.site-header {
    padding-top: 0.25em;
    padding-bottom: 0em;
}

.site-branding {
    margin-bottom: .25em;
}

.site-content {
    padding-top: 210px !important;
}
}

To implement the above Custom CSS, kindly navigate to WP Admin > Appearance > Customize > Additional CSS > and add the Custom CSS.

Let us know if this works for you.

hello
I tried with the code but it didn’t work

Hi @nawaz0705
it was partially solved, it is necessary to reduce the space of the menu

Please if you can help me

Hi @alexaguirre13

To achieve this type of customization I’d recommend using Google Chrome Developer Tools. You can right click anywhere on your webpage to select ‘Inspect Element’, the HTML and CSS properties show up right in your browser.

This should allow you to locate the correct CSS Classes and then write your own custom CSS to make adjustments to thos.

I understand but I don’t know how to create my own code for this reason I am asking for help in this forum

Hey @alexaguirre13

If you’re not familiar with creating CSS code you could hire a developer who will be able to assist you with any customisations you need to make to your site. You can find a list of developers who can help on this page of WooCommerce.com.

https://woocommerce.com/customizations/

We’ll also leave this support topic open for you in the meantime to see if anyone from the WordPress community can reply and help you write some CSS.

Hi @alexaguirre13,

We haven’t heard back from you for a while and the thread does not have any further activity, so I’m going to mark this post as resolved now. If you need additional help with the Storefront theme, please start a new thread and we’ll be able to help you out there.

Thank you!