[Resolved] Close Icon Hamburger menu disappeared

[Eugenio]

Hi!

for a few days the closing icon of the slideout menu has disappeared. I’m going crazy among the forum topics …
I was able to find the following CSS for hamburger-menu icon on the forum

.main-navigation .slideout-toggle a: before {
     content: “f036”;
     font-family: ‘Font Awesome 5 Free’; }

but I can’t find the code to implement the close icon.
Help me!

[Leo]

Hi there,

GP no longer uses FA so I’m not sure where that CSS is coming from.

Can you try using the SVG option?
https://docs.generatepress.com/article/svg-icons/

Let me know 🙂

[Eugenio]

hello Leo!
if you visit the website in question (https://silvialevenson.com) you will understand what my problem is.
When I use the menu and click on hamburgers, the closing icon (X) is a square, as if no icon was loaded.
I don’t know why … it has happened since I updated GP.
I entered the hamburger icon via css and FA. I can’t insert the closing icon. Can you tell me what the class refers to the closing icon?

Thanks so much!
Eugenio

[Eugenio]

Hi!
I solved the problem using the overlay style and applying the css:

.slideout-navigation.do-overlay button.slideout-exit::before {
     content: “00d”; font-family: ‘Font Awesome 5 Free’;
font-size: 20px;
}

Thanks

[Leo]

Glad you were able to figure out!

[Author]

Posts