How can I align custom liquid iframe blocks for mobile view like on my Wordpress site?

QAPT
Excursionist
25 0 3

I have a bunch of custom liquid iframe blocks on one of my pages. I am migrating from Wordpress and i am tryin to mimic my old sites layout as closely as possible. How would I align these blocks nice and cleanly like how I have on my wordpress? (I used Elementor). Also with mobile view?

 

Shopify:

https://qaptmusic.myshopify.com/pages/music

 

Wordpress:

https://qaptmusic.com/music/

 

 

Video of how the Mobile view looks on my wordpress. I would like it to be the same.

https://streamable.com/gin84r

 

 

Replies 4 (4)

saim007
Shopify Partner
496 64 83

@QAPT You have to modify the whole structure of music page because it is not proper as per griding system so it won't fix by applying css once structure is proper it will looks same as WordPress layout.

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂
QAPT
Excursionist
25 0 3

So by individually adjusting the height and width of each iframe?

 

Is there maybe an app similar to elementor that can help structure pages?

saim007
Shopify Partner
496 64 83

@QAPT You have to hire Shopify expert to fix your whole site design issues and developer proper structure. 

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂

QAPT
Excursionist
25 0 3

Just found out about the  GemPages App it helped a ton

 

https://qaptmusic.myshopify.com/pages/music