Mobile Nav Off Canvas background position

[designbythink]

Hi

I have a site that is mostly aimed at mobile users, so mobile display is very important. I am using a mobile menu (layered navigation with off canvas). Everything works really well, except for the background image of the Off Canvas element.

The background image size is ‘cover’ and position is ‘bottom’. But on most mobile phones, the image is not at the bottom of the Off Canvas, nor does it cover the Off Canvas. Instead, there is a white space at the bottom. Please see screenshot:

How can I make it so that the background image covers the entire Off Canvas or at least positions at the bottom?

[marc_a]

Hey @designbythink,

Thanks for reaching out!

In your off-canvas, I’ve increased the height of your x-bg to fill the entire content.

This is what it looks like, just increase the height size to your desired output.

Hope that helps.

[designbythink]

Thanks, that worked!

[prakash_s]

You are most welcome @designbythink