Image element as background, how to manage on mobile

Hi there

I am using the element" which enables you to place an image that covers the whole column. This looks great on desktop.
However, since the column has no elements on mobile, the columns is hardly visible and the image therefore cut off. How can you make it look visible on mobile?

I assume one option is to use a gap element but then again, I not sure that would be the best way. Also I am not sure how many px the gap should then be

Hi @bakrona,

Thanks for reaching out.

To adjust the image element as the background of your element to look nice on the mobile screen would require customization because you need to adjust the height of your columns to make it look good. Regretfully, customization is outside the scope of our theme support. You may seek 3rd party developers to help you with your problems or you can avail One where we can answer questions outside of the features of our theme.

On the other hand, I suggest that you will use the background-image property so that it will look nice on the mobile screen.

Hope that helps.

Thank you.

Hi there

Background image gives the same result since the column has not content.

Do you need to set a gap so that you see anything on mobile?

Hi Bak,

To further help you with your issue, we need to check your setup. To do that, please give us the following information in a Secure Note.

  • WordPress Login URL
  • Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.