Columns of 50% page width with bg images get hidden in mobile

[tasoskouk]

all these half row columns with bg images get hidden in mobile for no obvious reason
(i mean image columns of 50% width with a text column on left or right)

note that:

1. i have not set a responsive setting to hide them on mobiles
2. if we resize window (in desktop) then they could show up
3. columns with text work ok…

plz check

[tasoskouk]

check ladolea.gr homepage, http://www.ladolea.gr/ceramic-pot page etc

[David Martin – Support]

Hi,

I do not see any images getting hidden.

Please supply a screenshot and report the device you see this on.

Thanks.

[tasoskouk]

check the 2 browser windows in the attached screenshot…

the column with image bg is shown only in the window on the right (larger dimensions)

[tasoskouk]

attaching smaller size

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

There’s no content in the column that’s why you do not see the images

– Kyle

[Kyle – SUPPORT]

Adding a black spacer inside the column should sort it

– Kyle

[tasoskouk]

Kyle hi,

1. why is it visible in desktop/tablet (w/o content) but hidden in mobile?

2. when i put a blank spacer inside the column then i get this (see attachment)

IMO this something to get fixed – Plz invite Ed into this

Thxxx,
Tasos

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Add this to your custom css:

@media only screen and (max-width: 767px) { 
.home .spb-column-container.bg-type-cover {
  min-height: 300px;
}
}

– Kyle

[tasoskouk]

Thx Kyle,

this does the trick, but this is it, a “trick”

so plz suggest Ed to fix it

Thx for everything
T.

[Kyle – SUPPORT]

It’s not broken, as I said the column does not show because there is no content inside of it. The image is just a background, not content

– Kyle

[tasoskouk]

Ok then

1. why this “empty column” is visible in desktop/tablet and hidden in mobile?

2. why do i get this image “stripe” inside the image column (when i add a spacer)? (screenshot_2_ladolea.gr_.jpg)

Do not misunderstand me but also do not try to avoid the issue

T.

[Kyle – SUPPORT]

1) Because the column is 100% of the row height, so when the other column is at the side, the right column matches the height. Where as on mobile the row height will only be the height of the 1st column (with content) so the height of the second column is 0

2) I will check this with the developer

– Kyle