[Resolved] Close Icon Hamburger menu disappeared

Home Forums Support Close Icon Hamburger menu disappeared

  • This topic has 4 replies, 2 voices, and was last updated 9 months ago by Leo.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1106638
    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!

    #1106919
    Leo
    Staff
    Customer Support

    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 🙂

    #1106930
    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

    #1108539
    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

    #1109242
    Leo
    Staff
    Customer Support

    Glad you were able to figure out!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.