Responsive Images On Pages

ChrisLemus
New Member
1 0 0

Hello, the page I would like to update is https://aerosapparel.com/pages/go-beyond (Password - "Launch2022")

I want the image on this page to be responsive depending on the device you are on. Similar to this one https://asrv.com/pages/relentless-pursuit-info

Also is it possible to get rid of the titles on the pages do the image can be the first thing people see?

Thanks, in advance

Reply 1 (1)
PageFly
Shopify Partner
1934 268 1411

Hi @ChrisLemus 

It's PageFly - Shopify Page Builder App  here and I just take a quick look on your website on different device views. First off, I gotta say you've done an excellent work on the website, it look very clean and aesthetic. And I see that you're working on device responsiveness and being a page builder myself, I have some thoughts on how you can improve Mobile experience. 

There's 2 ways you can make the title appear later than the image. 

1. Hide on devices. The easiest way is to add some CSS code to the theme editor to hide specifically an element on screen smaller than 767px. You can check out this article for the code. Or if you use PageFly, there'll always an switch options for you to hide on Desktop/ Tablet/ Laptop/ Mobile.

PageFly_1-1636209726467.png

2. Create 2 versions of the section, one with the Title and CTA button on the image. the other one with to columns on top of each other. But this way may result in slowing down the page as you're adding more components. 

Hope these 2 solutions are helpful to you somehow in improving your mobile view. And BFCM is coming. You can amplify your sales in holiday season with PageFly solutions exclusively for this holiday season. All these holiday features could help you a lot in building a high-converting page.

 

 

PageFly - Advanced Shopify Page Builder - Empowering 100.000+ active merchants.

Check our Evergreen List of Best Platforms To Sell Online.