Move Column Up On Mobile

[LaconicSolutions]

Hello,

I have an issue where a row looks great on every size screen except mobile. The last column is much lower due to the one above having less text in it. How can I set it so there is less space between the two on mobile?

[ruenel]

Hello @LaconicSolutions,

Thanks for writing in! Did you set a minimum height in your column? Please set a smaller value that should fit in smaller screens instead. To better assist you with the issue, please provide us the URL of the page where we can see the columns so that we can check their structure. Maybe the last one has a top margin or a different style setting.

Regards.

[LaconicSolutions]

Here is the URL: https://stephenr25.sg-host.com/

[ruenel]

Hello @LaconicSolutions,

Please remove the row where you have inserted the line element. You need to merge the columns into just 1 row like this:

And then use the Gap Height to control the space of the columns:

Hope this makes sense.

[LaconicSolutions]

I made the suggested changes, but there still seems to be a gap between the last 2 columns.
https://stephenr25.sg-host.com/

[ruenel]

Hey @LaconicSolutions,

The space is because of the two empty lines just below the texts. Please remove that empty lines.

Cheers.

[LaconicSolutions]

Thank you so much! The issue is corrected now FYI I Absolutely LOVE Xpro and how easy it makes it to create beautiful responsive sites.

[ruenel]

You are most welcome @LaconicSolutions.