Title: Help with header section
Last modified: August 24, 2016

---

# Help with header section

 *  Resolved [webjunkiecreative](https://wordpress.org/support/users/webjunkiecreative/)
 * (@webjunkiecreative)
 * [11 years ago](https://wordpress.org/support/topic/help-with-header-section/)
 * Hi
 * I am working on a website with Storefront template and I want to know how to 
   make the whole header of the website much smaller.
 * The website – [http://217.199.187.196/dollboxdemo.com/](http://217.199.187.196/dollboxdemo.com/)–
   has 3 menu locations with a search and a cart facility. This whole section is
   just far too big.
 * My question is can anyone help with the code (I have child theme installed) that
   will allow the whole of this area to be made smaller?
 * To be clear the website currently looks like this:
 *  MENU 1
 * LOGO MENU 2 SEARCH
 * MENU 3 Cart
 * and I would like it to look like this:
 *  MENU 1
    LOGO MENU 2 SEARCH MENU3 CART
 * Hope this makes sense.
 * Thanks

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years ago](https://wordpress.org/support/topic/help-with-header-section/#post-6114128)
 * If you’re not using a Child Theme, and if the theme doesn’t have a designated
   section of the dashboard for CSS modifications then install this Custom CSS Manager
   plugin [http://wordpress.org/plugins/custom-css-manager-plugin](http://wordpress.org/plugins/custom-css-manager-plugin)
 * Then use its “CSS Code” [section of the dashboard](http://wordpress.org/plugins/custom-css-manager-plugin/screenshot-1.jpg?r=704634)
   to hold your CSS modifications:
 * _Alternatively use your Child Theme style.css file to hold your CSS modifications:_
 *     ```
       .site-header,
       .main-navigation,
       .woocommerce-active .site-header .site-header-cart {
           padding: 0;
       }
   
       .main-navigation ul.menu > li > a,
       .main-navigation ul.nav-menu > li > a,
       .site-header-cart .cart-contents {
           padding-bottom: 1em;
       }
       ```
   
 *  Thread Starter [webjunkiecreative](https://wordpress.org/support/users/webjunkiecreative/)
 * (@webjunkiecreative)
 * [11 years ago](https://wordpress.org/support/topic/help-with-header-section/#post-6114131)
 * Amazing, this worked perfectly.
 * Thank you so much.
 * Do you happen to know how to change the Menu font and take off bold?
 * Again thank you.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years ago](https://wordpress.org/support/topic/help-with-header-section/#post-6114132)
 * Could you open a thread in your theme’s support forum about that: [https://wordpress.org/support/theme/storefront#postform](https://wordpress.org/support/theme/storefront#postform)
 *  Thread Starter [webjunkiecreative](https://wordpress.org/support/users/webjunkiecreative/)
 * (@webjunkiecreative)
 * [11 years ago](https://wordpress.org/support/topic/help-with-header-section/#post-6114135)
 * No problem, thanks again

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

The topic ‘Help with header section’ is closed to new replies.

## Tags

 * [child theme](https://wordpress.org/support/topic-tag/child-theme/)
 * [header size](https://wordpress.org/support/topic-tag/header-size/)
 * [homepage](https://wordpress.org/support/topic-tag/homepage/)
 * [logo](https://wordpress.org/support/topic-tag/logo/)

 * 4 replies
 * 2 participants
 * Last reply from: [webjunkiecreative](https://wordpress.org/support/users/webjunkiecreative/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/help-with-header-section/#post-6114135)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics