Hi Forum
On my site http://www.runmyaccounts.ch the first layout element is a grid row. On the second column I have added a custom background image without any other content on top of it. It works as expected on a large screen, but if I look at the page on a mobile screen, the second column has gone and no background picture appears. The element visibility of the cell is “always display” and I have not added anything special for the mobile breaking point for the grid row layout element.
Could you please tell me what I have to do to display the background image also on mobile screens?
Thank you and best regards
Thomas
Hey tbraendle,
Please try adding a white space / separator element in the empty grid row with the background image.
This will keep the empty cell from disappearing.
If this doesn’t help, please include a admin login in the private content area so we can take a closer look.
Best regards,
Mike
Hi Mike
Thanks for your very fast support! This has solved part of the problem: by adding a separator / whitespace element, now the background image appears. But it is too small (setting is “scale to fit”). Do you know how I can scale it to fit really?
Best regards
Thomas
Hi,
Please try changing the height of the white space separator 300px or 250px
This will force the image full width for mobile screens.
Best regards,
Mike
Hi Mike
Thank you very much. That was the solution!
Best regards
Thomas
Hi Thomas,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi Rikard
You can close this ticket here. Thanks.
Best, Thomas
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon