Okay
  Public Ticket #2381326
Column background image not showing on mobile
Closed

Comments

  •  2
    Kecco started the conversation

    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!

  •  8,991
    Tahir replied

    Hey Again,

    Be sure to add Column Padding in the Empty Background and check .

    Thanks


    ThemeNectar Support Team 

  •  2
    Kecco replied

    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

  •  8,991
    Tahir replied

    Another option would be to add a Divider Page Element in it and set the height of it .

    Thanks 


    ThemeNectar Support Team 

  •  2
    Kecco replied

    Great thanks a lot for your support!