Docs

[rok1975]

Hi,

is it possible to change the responsive menu icon/text-combination (closed.png) to another menu icon/text-combination (open.png)?

Thanks

Best
Tobi

[Joao]

Hi There,

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

.x-btn-navbar.collapsed .x-icon-bars:before {
content: "Open";
}

.x-btn-navbar .x-icon-bars:before {
content: "Close";
}

Hope it helps

Joao

[rok1975]

Hey,

sometimes i think to complicated thanks. 😀

One last question, is it possible to change the icon for “open” for example an arrow-down and for “close” an arrow-up? I hope you know what i mean.

Thanks

Best
Tobi

[Lely]

Hello Tobi,

Please update above CSS to this and we need to move this now on your child theme style.css file because the slash will be remove by the customizer when you save it.

.x-btn-navbar.collapsed .x-icon-bars:before {
content: "\f063";
}

.x-btn-navbar .x-icon-bars:before {
content: "\f062";
}

For other icon options and their unicode, you may check it here:http://fontawesome.io/icons/

Hope this helps.

[rok1975]

Hey,

thanks but its not working plott.pixelkoenige.de it only shows a square for both icons.

Best
Tobi

[Joao]

Hi Tobi,

I tested the code provided by Lely and it works,

Would you mind sharing your URL with us?

Thanks

Joao

[rok1975]

Hey,

plott.pixelkoenige.de

Thanks
Tobi

[rok1975]

Hey,

it works.

Thanks
Tobi

[Jade]

You’re most welcome, Tobi.

[Author]

Posts