flyout menu

Hey Jürgen,

I’m not sure I understand your question, are you saying that the X is not present in the mobile menu? If so then where can we see the problem?

Best regards,
Rikard

Hi Jürgen,

Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
#top .header_color .av-hamburger-inner {
  background-color:#fff !important;
}
}

Best regards,
Rikard

Hi,

Thanks for the update. Please try this instead:

@media only screen and (max-width: 767px) {
#top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after {
    background-color: #fff;
}
}

Best regards,
Rikard

Hi,

Sorry about that, this CSS should apply only when the menu is active:

@media only screen and (max-width: 767px) {
#top .header_color .is-active .av-hamburger-inner, #top .header_color .is-active .av-hamburger-inner::before, #top .header_color .is-active .av-hamburger-inner::after {
    background-color: #fff;
}
}

Best regards,
Rikard

Hi Jürgen,

Great, I’m glad that we could help and thanks for the kind feedback :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard