Images disappearing in phone view

Hi Harriet,

It looks like the issue you're experiencing is due to the way Divi handles empty columns on mobile devices. The image set as the background of an empty column in the row module is visible on desktops because the column's height is derived from the other columns in the row. However, on mobile devices, Divi stacks columns and hides any empty ones, resulting in the background image being hidden.

To resolve this, you can make the empty column visible on mobile by adding some custom CSS to the column. Here's how you can do it:

1. Open the Divi Builder and navigate to the row containing the problematic column.
2. Click on the settings icon for the empty column.
3. Go to the "Advanced" tab and then to the "Custom CSS" section.
4. In the "Main Element" field, add the following CSS:
   

Code:

Log In or Sign Up to view this code.

This should ensure that the column is visible on mobile devices, making the background image appear as well.

 

I can see the CSS I gave you being added to the page, but they are being placed in the wrong box which means the necessary CSS selector isn't being applied. I think my instructions weren't sufficiently clear, so here's a revised version:

1. Open the Divi Builder and navigate to the row containing the problematic column.
2. Click on the settings icon for the empty column.
3. Go to the "Advanced" tab and then to the "Custom CSS" section.
4. Click on "Module Elements"
5. In the "Main Element" field, add the following CSS:

Code:

Log In or Sign Up to view this code.

I'm guessing you put the code in the Custom CSS section under "Free-Form CSS"? That would make sense if you were following my original instructions, but unfortunately that's not the right place. Switch from Free-Form CSS to Module Elements and then locate the "Main Element" box - that's the one you need.

But if the transparent PNG is working, then great. It should certainly solve the issue of the column being hidden as it is no longer empty.

 

You're very welcome, Harriet - and glad you were able to figure that out!