Hi there - We have a newly created page on which one row is not properly displaying its subelements in mobile portrait view. See attached. The three columns are scrunching together. I would assume its a setting in the row. See attached screenshot of the element structure and the view in mobile portrait view. I will share the page URL in a private note. What setting would allow the columns to stack ontop of one another in mobile portrait view.
Hello Tim,
Thanks for writing to us.
I checked your given site URL. It seems that you have set the three-column layout for desktop mode, but you have not set the column layout for the mobile version. I would suggest you go to the page ->Row-> click on the Template->set the column layout for the small screens. Please have a look at eh given screenshot below.
I would also suggest you please have a look at this doc to learn more about how to style a responsive layout.
Hope it helps
Thanks
1 Like
You are most welcome, Tim.
I have a follow up question.
I looked at the ST Row settings and they look correct. See screenshot
This element was added by a colleague. Would I be correct to assume that what I need to do is, create a seperate independent row in this layout and set the row to the three column display with the correct settings.
Right now, this ST Row is nested under another row which has a single column layout. See these two images.
Which I am assuming overrides the ST Row settings.
Thanks
Tim
Hello Tim,
Based on the screenshot you provided, it appears that the first Row is using a single-column layout, which causes the inner Row to stretch to 100% width. Additionally, the inner Rows seem to be configured with a 3-column layout. I recommend setting the column layout to a single column for smaller screens and then clearing your browser cache to ensure the changes take effect. If it doesn’t work, we need to check your settings, I would request please share the admin login details meanwhile I would suggest you troubleshoot a few of the common issues before we investigate your settings. Please share your details in a secure note. Please provide the following details
- WordPress Login URL
- Admin-level username and password
You can find the Secure Note button at the bottom of your posts
Thanks