Header Height (Padding)

• 

  npucci

  |

  Participant

  | September 21, 2016 at 2:32 am

  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.

  Site URL: hidden

  Theme version: Latest

  WooCommerce version: Latest

  #140251 copied to clipboard
  

  Olga Barlow

  |

  Support staff

  | September 21, 2016 at 10:17 am

  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 to clipboard
  

  npucci

  |

  Participant

  | September 21, 2016 at 6:03 pm

  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.

  Site URL: hidden

  Theme version: Latest

  WooCommerce version: Latest

  #140361 copied to clipboard
  

  Olga Barlow

  |

  Support staff

  | September 22, 2016 at 10:59 am

  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 to clipboard
  

  npucci

  |

  Participant

  | September 22, 2016 at 6:53 pm

  Thanks that worked.

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

  #140512 copied to clipboard
  

  Olga Barlow

  |

  Support staff

  | September 22, 2016 at 7:50 pm

  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 to clipboard
Viewing 6 results
1 through 6 (of 6 total)