Hey, I have a two column layout with a background image on one side and some text on the other.
Looks fine on desktop but on mobile, the column with the image does not show. That happens because it is an empty column, there is only the background image.
I would love the image to be there on mobile too, how can I do that?
I tried to use the single image element instead of the background but that way, the image (which is square) stays square and reduces in size, not filling the column. When I used the background image, as the display narrows, the image crops, filling nicely the column in the full height row.
Thanks, that does the job but 20% is not quite enough because the image get cropped a little too much on narrow display. Can I set it any higher? 20% is the max in the dropdown menu.
Hey, I have a two column layout with a background image on one side and some text on the other.
Looks fine on desktop but on mobile, the column with the image does not show. That happens because it is an empty column, there is only the background image.
I would love the image to be there on mobile too, how can I do that?
I tried to use the single image element instead of the background but that way, the image (which is square) stays square and reduces in size, not filling the column. When I used the background image, as the display narrows, the image crops, filling nicely the column in the full height row.
Thanks for your help!
Hey Again,
Be sure to add Column Padding in the Empty Background and check .
Thanks
ThemeNectar Support Team
Thanks, that does the job but 20% is not quite enough because the image get cropped a little too much on narrow display. Can I set it any higher? 20% is the max in the dropdown menu.
Thanks a lot for your help
Another option would be to add a Divider Page Element in it and set the height of it .
Thanks
ThemeNectar Support Team
Great thanks a lot for your support!