How to reverse layout on mobile Overlapping Cell Design Cloud

Support
#1

I would like to know how I can reverse the order of how things show on mobile. I want image to show first then the text. I am using overlapping cell template from Design Cloud.

#2

overlapping cell
overlapping cell1600×900 127 KB

#3

Hey George,

Thanks for reaching out!

If you want to reverse the order of your layout on the mobile view, you can check this video trick.

Hope that helps.

#4

I could see how that work watching video my question is the design cloud template is using a grid for the layout instead that is what I would like to know how to make it so image is above it then the text. also how do I center this on mobile. The layout looks fine on everything but the mobile.

#5

I was able to figure out the image changing the x justify and y align now I am just trying to figure out changing the order of how it shows

#6

Well I thought I had it fixed on mobile by changing the x justiy and y align but it does it to all breakpoints.

#7

Hello George,

To better assist you with your issue, please provide us access to the page so that we can check your Grid and Cell settings. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

image

Best Regards.

#8

The page is the thank you page

#9

Hi George,

I would suggest you add a different Grid for the Mobile with the desired structure and hide it using the Hide During the Breakpoint for other breakpoints, and hide the existing one for the Mobile device by using the same option. Please check the screenshot describing the option.

Screenshot-2022-08-26-154131
Screenshot-2022-08-26-1541311200×577 122 KB

Hope it helps.
Thanks

#10

so make another section for the mobile and hide those is what your meaning. so basically have 2 sections on the page 1 for the desktop and 1 for mobile makes sense

#11

Hi George,

Yes, I am suggesting that.

Thanks

#12

I believe I fixed it thanks

#13

Hi George,

Glad that you are able to fix it.

Thanks

#14

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