How can I adjust Primary Navigation – margin & padding

@media screen and (min-width: 768px) {
.main-navigation,
.woocommerce-active .site-header .site-header-cart {
padding-top: 0;
}

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a,
.site-header-cart .cart-contents {
padding-bottom: 0;
}
}

Regards

Hello James,
Thank You. Great theme! & excellent support.

What I was referring was class “jk-primary-navigation” and if possible, I wanted to reduce its overall height. The code you suggested does not seem to work.

Any help would be appreciate. Regards

Section(jk-primary-navigation) itself doesn’t have any styles. But its child elements. So, adjust padding-top of child-elements
i.e
Find the css styles for .main-navigation and .site-header-cart and adjust the padding .

The original padding is 1.618em, you can change it to 1em or 0
and also links have some bottom padding
find this

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
padding: 0 1em 2.244em; /* Change it to : 0 1em 1em */
}

James code should actually work, if you have just added instead of editing the existing one, that might be overridden by original

Thank You very much. You were right, James code worked when I added “!important” after padding value (eg. padding: 1em!important;).