Return to previous page

Header Height (Padding) - by npucci - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 7 years, 7 months ago ago by Olga Barlow

npucci

Participant

September 21, 2016 at 02:32

I am looking to change the height / padding of the header navigation menu. How do I control this? I would like to do it for both the upper row and the lower, main row.

#140251 Copied Theme version: Latest WooCommerce version: Latest

5 Answers

Olga Barlow

Support staff

September 21, 2016 at 10:17

Hello,

Unfortunately, I can’t get access to your site: Error. The requested URL could not be retrieved.

If you want to change padding for the breadcrumbs go to Theme Options > General > Breadcrumbs > There you’ll find all the necessary settings.

Regards

#140286 Copied

npucci

Participant

September 21, 2016 at 18:03

That’s weird. I have no problem accessing it. http://dev.ronytennenbaum.com/

Anyways it’s not the breadcrumbs I am looking for. It’s the main navigation (with logo, navigation, cart, search icon). I am using the Variant Xstore heading style (first option).

I need to decrease the padding on this element. I am showing the padding on the header container.wrapper. But I cannot seem to be able to call the correct class in CSS to change it.

#140361 Copied Theme version: Latest WooCommerce version: Latest
Olga Barlow

Support staff

September 22, 2016 at 10:59
Hello,

Now everything is fine. Very nice color scheme by the way!
Add the following code in Theme Options > Styling > Custom CSS or in child theme style.css if you are using child theme
```
@media only screen and (min-width: 992px){
.header-wrapper header > .container .container-wrapper {
    padding-top: 3.14em;
    padding-bottom: 3.14em;
}
}
```
Regards
#140437 Copied
npucci

Participant

September 22, 2016 at 18:53

Thanks that worked.

However, now I need to decrease the padding in the sticky header as well.

#140512 Copied
Olga Barlow

Support staff

September 22, 2016 at 19:50
Hello,

As I can see you have already change paddings. You should also change mix-height
```
@media only screen and (min-width: 992px){
.fixed-header {
    min-height: 60px;
}
}
```
Regards
#140525 Copied
Tagged: best selling, header height, increase visibility, padding, seo friendly, woocommerce themes
Viewing 6 results - 1 through 6 (of 6 total)