Docs

[drmodiho]

Hello,

I am trying to solve that issue, to get responsive spacing between my navbar items. So far I haven’t got any solution, therefore I am asking for some help from you guys.

Hope you can assist me with that issue.

Thanks in advance,

Moritz

[Darshana]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[drmodiho]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.x-navbar .mobile .x-nav li>a {
    padding: 1.5em 0;
}

Hope it helps 🙂

[drmodiho]

Hey,

this isn’t working unfortunatelly.

Actually I am not looking for changing spaces in the mobil menu.

What I am looking for is, how to set the space between the main nav items to responsive.

Please cHeck out the attached screenshots.

Thanks in advance for any help.

Best regards,

Moritz

[drmodiho]

Additionally I am trying to have the width of the Nav items exactly as wide as the box content. So when reducing the screensize, it should be responsive an always be the same size as the box content.

I attached another screenshot.

Thanks again for any help,

best regards,

Moritz

[Nabeel A]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-navbar .desktop .x-nav>li {
    float: none !important;
    display: table-cell !important;
}

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

Let us know how this goes!

[Author]

Posts