Archived topic
Close Icon Hamburger menu disappeared
4 replies · Started by Eugenio on December 17, 2019
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!
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 :)
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
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
Glad you were able to figure out!
