[Resolved] custom background image for off canvas menu

[JBD]

Is there a way to use a custom background image for the full screen off canvas menu?

Can this be further customised with different off canvas backgrounds for mobile vs desktop?

Many thanks

[David]

Hi there,

requires some CSS like so:

/* Desktop */
.main-navigation.slideout-navigation {
    background-image: url('full_url_to_image/image.jpg');
}
/* Mobile */
@media (max-width: 768px) {
    .main-navigation.slideout-navigation {
        background-image: url('full_url_to_image/image.jpg');
    }
}

[JBD]

Works perfectly. Many thanks.

[David]

You’re welcome

[Author]

Posts