Docs

[Lorie]

Hi – I added the address as a custom link in the menu and it put a big space between the first line of menu items and the address. Is there a way to eliminate that gap or a better way to add the address to the menu? I don’t want the header to be bigger than necessary. Thanks!

http://drnetworking.academyofthehorse.com/

[John Ezra]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 10px;
    padding-right: 10px;
}

Hope this helps – thanks!

[Lorie]

That didn’t help. I’m trying to eliminate the gap between the address (a custom link) and the navigation.

[Joao]

Hi There,

I believe the best is to go to Appereance Customizer Header and adjust the values of your Link Spacing and Letter Spacing,

I can see a good room there, once you reduce it a bit they will align.

Hope it helps

Joao

[Lorie]

This didn’t work either. I’m trying to eliminate the gap between the address and the navigation. I don’t want the address to make the nav bar bigger. Any ideas?

[Jade]

Hi Lorie,

Please add this in the customizer:

.desktop #menu-item-339 a {
    padding-top: 0;
    height: 50px;
}

Hope this helps.

[Lorie]

That worked. You are awesome!!! I only have one issue left that maybe you can help with. I can’t figure out why this page doesn’t have any space between the blog post images and the header. Also – once you scroll the images get stuck under the header. Thanks.

http://drnetworking.academyofthehorse.com/customer-corner/

[Jade]

Hi Lorie,

Try to add this code in the customizer:

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: auto !important;
}

Hope this helps.

[Author]

Posts