FROM CACHE - en_header

Responsive Images On Pages

New Member
1 0 0

Hello, the page I would like to update is (Password - "Launch2022")

I want the image on this page to be responsive depending on the device you are on. Similar to this one

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)
Shopify Partner
2778 388 1735

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.


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.



If you find it helpful, please let me know by giving it a like or marking it as a solution.

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

Check our Back-to-School Marketing Ideas of Best Platforms To Sell Online.