Docs

[Marco]

Hi, Shadow is gone. Fixed it 🙂

Having some trouble with the color of the hamburger-menu. See screenshots. Is that possible?

Thx in advanced for the great support!

[Jade]

HI there,

Your site seem to be inaccessible right now but kindly try this code:

.x-btn-navbar.collapsed {
    color: #fff;
}

.x-navbar-fixed-top .x-btn-navbar.collapsed {
    color: #ccc;
}

Hope this helps.

[Marco]

Hi,

Yes it’s a local server and only active between ‘working hours’.
It is accessible now.

Code didn’t work… On mouse HOVER it turns to gray (fixed header also) and there is still some inner shadow.

[Lely]

Hi There,

Please also add this :

.x-btn-navbar.collapsed:hover {
    color: #fff;
}

Then update this part:

.x-btn-navbar.collapsed {
    color: #fff;
}

To this:

.x-btn-navbar.collapsed {
    color: #fff;
    text-shadow: none;
}

Hope this helps.

[Marco]

Hi,

Almost… on HOVER the color still changes and stil some shadow…
The icon shouldt be white (transparant-header) or black (fixed-header). No color-change on HOVER.

Thx!

[Lely]

Hi Marco,

This part is not added when I checked your custom CSS:

.x-btn-navbar.collapsed:hover {
    color: #fff;
}

Try to add that and then check again.
I can’t see the hover anymore. Please clear browser cache.

[Marco]

Hi,

I added the code.
On ‘CLICK’ there still is a color change and shadow. See screenshot.

Thx!

[Marco]

[Lely]

Hi Marco,

Thank you for the screenshot:
Update this:

.x-btn-navbar.collapsed:hover {
    color: #fff;
    text-shadow: none;
}

To this:

.x-btn-navbar.collapsed:hover
.x-btn-navbar:hover,
.x-btn-navbar.collapsed,
.x-btn-navbar {
    color: #fff;
    text-shadow: none;
}

Cheers!

[Marco]

Hi Lely, It is not working.

What I need is that the icon stays white(transparent header) or black (fixed header).
No color change on HOVER and/or CLICK.

[Rue Nel]

Hello There,

Sorry there was a missing comma at the given code. Please have it updated and use this code instead:

.x-btn-navbar.collapsed:hover,
.x-btn-navbar:hover,
.x-btn-navbar.collapsed,
.x-btn-navbar {
    color: #fff;
    text-shadow: none;
}

Please let us know if this works out for you.

[Marco]

Thx, only on ‘CLICK’ the fixed-menu still changes to ‘White’.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 979px) {
.x-btn-navbar {
    color: #333 !important;
}
}

Hope that helps.

[Marco]

Mmmm, fixed-header icon still changes to white on CLICK…

[Marco]

🙁

[Author]

Posts