Home>Support>How to modify space between columns in a row on mobile screen

How to modify space between columns in a row on mobile screen

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I’ve a stretched row with 2 columns containing 2 image. On mobile screen, the two column automatically collapse to fit in the narrow display. However, between the two collapsed column there are some rather big ugly gap. Can you advise how to rid them?
It looked all ok on wide screen such as a laptop, as I can change the padding and margins; but on mobile phone view, there is no such setting that can control the space between two columns in a collapsed row.

I have researched similar problems and tried to copy some other’s CSS, but so far could not solve the problem.

Thanks very much for your help.

Jeff

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More