Title: Storefront Header size
Last modified: April 11, 2022

---

# Storefront Header size

 *  Resolved [alexaguirre13](https://wordpress.org/support/users/alexaguirre13/)
 * (@alexaguirre13)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/storefront-header-size-2/)
 * I would like the narrower header on the logo and menu part.
    thank you
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fstorefront-header-size-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 11 replies - 1 through 11 (of 11 total)

 *  [Rafy](https://wordpress.org/support/users/nawaz0705/)
 * (@nawaz0705)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/storefront-header-size-2/#post-15548585)
 * Hi [@alexaguirre13](https://wordpress.org/support/users/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!
 *  Thread Starter [alexaguirre13](https://wordpress.org/support/users/alexaguirre13/)
 * (@alexaguirre13)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/storefront-header-size-2/#post-15548771)
 * Of course, how can I upload an image to this forum for more reference than I 
   want?
 *  [Rafy](https://wordpress.org/support/users/nawaz0705/)
 * (@nawaz0705)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/storefront-header-size-2/#post-15549240)
 * Hi [@alexaguirre13](https://wordpress.org/support/users/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](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.
 *  Thread Starter [alexaguirre13](https://wordpress.org/support/users/alexaguirre13/)
 * (@alexaguirre13)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/storefront-header-size-2/#post-15551292)
 * 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](https://snipboard.io/G7UDB5.jpg)
 *  [Rafy](https://wordpress.org/support/users/nawaz0705/)
 * (@nawaz0705)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/storefront-header-size-2/#post-15551772)
 * Hi [@alexaguirre13](https://wordpress.org/support/users/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.
 *  Thread Starter [alexaguirre13](https://wordpress.org/support/users/alexaguirre13/)
 * (@alexaguirre13)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/storefront-header-size-2/#post-15551830)
 * hello
    I tried with the code but it didn’t work
 *  Thread Starter [alexaguirre13](https://wordpress.org/support/users/alexaguirre13/)
 * (@alexaguirre13)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/storefront-header-size-2/#post-15552004)
 * Hi [@nawaz0705](https://wordpress.org/support/users/nawaz0705/)
    it was partially
   solved, it is necessary to reduce the space of the menu
 * Please if you can help me
 *  [Stuart Duff – a11n](https://wordpress.org/support/users/stuartduff/)
 * (@stuartduff)
 * Automattic Happiness Engineer
 * [4 years, 2 months ago](https://wordpress.org/support/topic/storefront-header-size-2/#post-15554788)
 * Hi [@alexaguirre13](https://wordpress.org/support/users/alexaguirre13/)
 * To achieve this type of customization I’d recommend using [Google Chrome Developer](https://developer.chrome.com/devtools)
   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.
 *  Thread Starter [alexaguirre13](https://wordpress.org/support/users/alexaguirre13/)
 * (@alexaguirre13)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/storefront-header-size-2/#post-15555031)
 * I understand but I don’t know how to create my own code for this reason I am 
   asking for help in this forum
 *  [Stuart Duff – a11n](https://wordpress.org/support/users/stuartduff/)
 * (@stuartduff)
 * Automattic Happiness Engineer
 * [4 years, 2 months ago](https://wordpress.org/support/topic/storefront-header-size-2/#post-15555142)
 * Hey [@alexaguirre13](https://wordpress.org/support/users/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/](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.
 *  [Niall a11n](https://wordpress.org/support/users/wpniall/)
 * (@wpniall)
 * [4 years ago](https://wordpress.org/support/topic/storefront-header-size-2/#post-15663647)
 * Hi [@alexaguirre13](https://wordpress.org/support/users/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!

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Storefront Header size’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/storefront/4.6.2/screenshot.png)
 * Storefront
 * [Support Threads](https://wordpress.org/support/theme/storefront/)
 * [Active Topics](https://wordpress.org/support/theme/storefront/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/storefront/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/storefront/reviews/)

 * 11 replies
 * 4 participants
 * Last reply from: [Niall a11n](https://wordpress.org/support/users/wpniall/)
 * Last activity: [4 years ago](https://wordpress.org/support/topic/storefront-header-size-2/#post-15663647)
 * Status: resolved