Change close button icon mobile

[ariellevate]

Hi!

I am working on this site´s menu, http://teamtotalpackage.no/ and I was able to change the color of the close button for the mobile menu (off canvas drop down menu, but I cannot figure out where to change the icon? Right now it’s just a diagonal line, is there somewhere I can change it to become an X or something that is a little bit more visible than the tiny diagonal line?

[ruenel]

Hello Ariell,

Thanks for writing in!

The off canvas menu only have x and no icon. You cannot change this into an icon because it is hard coded into the off canvas structure. At the moment, the x is not displaying because you are using Exo 2 font and this font displays the letter x differently.

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r) instead;

button.x-off-canvas-close.x-off-canvas-close-right {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}

We would loved to know if this has work for you. Thank you.

[ariellevate]

@RueNel

button.x-off-canvas-close.x-off-canvas-close-right {
font-family: “Lato”,“Helvetica Neue”,Helvetica,Arial,sans-serif;
}

Worked perfectly thank you, that’s very weird, I would have never thought to think that the X just looks like that.

[rad]

You’re most welcome and glad ti’s okay now. Cheers!