How do I make mobile view show two columns beside each other?

[floydphillipsco]

I am trying to make mobile view show two columns beside each other. Right now they are stacking one on top of the next. The code I’m finding online isn’t working. My website is shopphillips.live.

Thanks!

[christopher]

Hi Floyd,

If you are using the Page Builder, you can force the 2 column layout for smaller screens using the Layout feature of the Row element.

You can simply select the small screen mode and choose the two-column layout specifically for that viewport:

Thank you.

[floydphillipsco]

That’s definitely not working for me. Do I need a specific version? In the version I have each column is positioned below. Is there another way?

[nabeel]

Hey Floyd,

I checked your site and indeed you’re using quite an old version which doesn’t have this feature and many others. I’d recommend you to update X and Cornerstone to the latest versions. You can find the latest version numbers here: (https://theme.co/docs/version-compatibility) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

I would recommend that you create a staging site before updating since you’re on the very old version. This is very useful because you can test drive any X and Pro updates in the staging area, customization and troubleshooting without disrupting your live site. Once everything is perfect, you can easily and flawlessly proceed the update in the live site. To know how to create a staging area, please check out these articles:

http://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/, https://maintainn.com/2015/02/how-to-create-a-staging-site-for-wordpress/

Once you’re done with the update, you can follow this thread to change the breakpoints of columns in mobile Change break points for columns on homepage

Let us know how this goes!