How to make iframes in one column when viewed in mobile view

[LianCC]

I have inserted several iframes of Amazon via html. In desktop view it looks okay, but when viewed in mobile the iframes do not align. I would want to make them in one column when viewed via mobile like this: https://upliftfitnutrition.com/best-non-toxic-products/

I already tried flexbox, @media screen code, div class but nothing works. Can someone help me? Thanks.

[saim007]

@LianCC Please provide store URL so I can check.

[LianCC]

https://coreperform.com/pages/dashas-recommendations

[saim007 · Accepted solution]

Hello @LianCC Please copy and paste below CSS code in your theme.liquid file above </body>

<style>
@media(max-width: 767px){
center {
    display: flex;
    flex-direction: column;
    align-items: center;
}
}
</style>

Please let me know if works and mark as solve!

[LianCC]

Yup! That did the trick! Thank you so much! 💖