Hide logo (brand) when Superfly menu is open

[macvink]

I want to hide the brand logo in the header of the website when the superfly menu is displayed after clicking the hamburger button.

So I have to activate this CSS when the Superfly menu is open:

.x-brand img {
display: none;
}

Also: when I close the menu, the logo must of course be visible again.

Is that possible and how do I do that in CSS?

[jade]

Hey Vink,

Please try this code:

.sfm-body-pushed .x-brand,
.sfm-ui-shown .x-brand {
    display: none;
}

If this does not work, please provide the URL of the site in question.

Hope this helps.

[macvink]

THANKS!! it works.

[lely]

You’re always welcome Vink.

Glad @Jade was able to help you here.