Making site responsive for other screen sizes

I just finished building a site using the X Pro Theme. I didn’t use a template and built it from scratch. I noticed the images, text & columns don’t automatically resize when I test it out on the smaller screen sizes. I’ve built sites in the past with X Pro and don’t remember having this issue. The issue is on the home page and careers page, where I have 2 columns, one column text and one column an image. Guessing I missed something in the initial set up, but not sure. How do I fix this? If I need to, I’m fine with hiding the images and centering the text on smaller screens.

Hello Tess,

Thanks for writing in!

The Row columns should collapse when the screen size is smaller.

To do that, you will have to change the Row Layout in different screen sizes by utilizing Responsive Styling.

In your Row element settings, click the word “Template” so that the styling option will display:

You can then set the column layouts in the respective screen sizes.

Kindly let us know how it goes.

Worked great.
Thanks!

You are most welcome Tess.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.