[Resolved] Changes to menu code/CSS after upgrading to Version: 2.4.0?

[Caitlin Shannon]

Hi!

I just launched a new client site and noticed that GeneratePress was requesting an update to the latest version, so I did it. Now my menu button isn’t displaying properly. I went into Inspector and noticed that, if I toggled OFF all of the CSS modifiers for “.slideout-toggle:not(.has-svg-icon) a:before”, it looked like it was supposed to…but adding that class to my CSS with important! isn’t doing anything for me. Am I missing something obvious? Did something in the CSS get updated with the newest theme release?

PREVIEW LINK: https://kelleyjleigh.com?bypass=friend (that should let you bypass her Coming Soon page)

CORRECT STYLING:
https://ibb.co/TP0zPrS

BROKEN STYLING:
https://ibb.co/51BPPsp

Thank you in advance!

[David]

Hi there,

in Customizer > General – try setting Icon Type to SVG.

[Caitlin Shannon]

Hi, David! Thank you 🙂

Here’s what happened when I did that:
https://ibb.co/P9tJN4H

(“ME” came back, but now the hamburger icon is showing)

[Tom]

Hi there,

Give this a shot:

.slideout-toggle .gp-icon {
    display: none;
}

[Caitlin Shannon]

Looks like that did the trick, Tom! You’re the best!

[Tom]

Glad I could help! 🙂

[Author]

Posts