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
Olga Barlow
Support staff
September 21, 2016
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.
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
Olga Barlow
Support staff
September 22, 2016
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
npucci
Participant
September 22, 2016
6:53 pm
Thanks that worked.
However, now I need to decrease the padding in the sticky header as well.
Olga Barlow
Support staff
September 22, 2016
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
Viewing 6 results
1 through 6 (of 6 total)
You must be logged in to reply to this topic.Log in/Sign up
