Docs

[Rad]

Hi there,

That’s just okay 🙂

Please add this CSS as well,

.x-navbar .x-nav-wrap .x-nav > li > a {
    text-transform: capitalize;
}
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 25px;
    padding-right: 25px;
}
.x-navbar .desktop .x-nav > li > a {
    padding-top: 26px;
}
.desktop #menu-item-8622 > a {
    padding-top: 15px !important;
}
.desktop #menu-item-8622 > a > span:after {
display: none;
}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: inset 0 4px 0 0 #b57f3a;
}

Hope this helps 🙂

[fatheaddrummer]

Hi Rad,

Thank you very very much!
That code is great, but unfortunately it doesn’t work, when scrolling down the page. When I scroll down, the menu doesn’t stay in the “container”…

could you help me out with some more css?

Thank you so much for the outstanding support!

Best, Christian

[Nabeel A]

Hi again,

Try adding the following code in your Customizer:

body.x-navbar-fixed-top-active .x-navbar-wrap, .x-navbar .desktop .x-nav > li > a {
    height: auto !important;
}

Let us know how this goes!

[fatheaddrummer]

Hello Nabeel,

Thank you very much helping me out.
Unfortunately this code didn’t change anything :-/

Any other suggestons? Thanks for your advice in advance 🙂

Best, Christian

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[fatheaddrummer]

This reply has been marked as private.

[Joao]

Hi Christian,

Please add the following code to Appereance > Customizer > Custom > CSS

.x-navbar.x-navbar-fixed-top .x-brand {
     width: 100px;
}

Hope it helps

Joao

[fatheaddrummer]

Hello Joao,

Unfortunately this also doesn’t change the thing. The menu is still falling out of the container, when scrolling. Any other suggestons?

Thank you very much for helping me out!

Best, Christian

[Christopher]

Hi there,

Please find following code and remove height: 69px; property.

.x-navbar.x-navbar-fixed-top {
    background-color: transparent;
    height: 69px;
}

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Hope it helps.

[Author]

Posts