How do I fix this column on mobile without it messing up on desktop

[mhannor]

This is the opt-in page from design cloud. How do I get rid of all the space from column one so that column 2 can be right under column one on mobile. I tried padding but that didn’t work. I was able to get this to be full screen by adding the code you all asked me to calc( 100vh - ( calc(25px + 6vmin) + calc(30px + 6vmin) ) ); It looked fine without the code you all gave me on mobile but I need it to be fullscreen on desktop and mobile.

The code you provided is causing the columns to look this way on mobile, how do I fix it on mobile.

Is it away to make the section full screen, instead of the columns, would that work?

[tristup]

Hi Marshae,

Can you please provide the page URL along with the login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[mhannor]

Just checking here, did you see the secure note or did it not show up, not sure if I did something incorrectly?

[tristup]

Hi Marshae,

I have checked your page through the Cornerstone and found that the Column has been set to a specific height, which needs to be adjusted for smaller screen sizes.

Please remove the height for the mobile and smaller devices and check once by clearing all types of cache including the System Cache from Cornerstone > Settings > System > Clear System Cache and check in the incognito/private mode of the browser.

Hope it helps.
Thanks