HOW TO DISTRIBUTE VERTICALLY IN MOBILE VIEW

josoneryx1890 · ‎06-26-2024

Hello guys, please help me make this (top) look like this (below edited in PS)

here is the link https://72d12c-be.myshopify.com/

Dan-From-Ryviu · ‎06-26-2024

Hi @josoneryx1890

Please add this code to theme.liquid file, after <head>

<style>
@media (max-width: 749px) {
#ImageWithText--template--22539441996064__image_with_text_qqrUQJ { padding-top: 1rem !Important; }
#ImageWithText--template--22539441996064__image_with_text_qqrUQJ .image-with-text__text {
margin-top: 0.5rem !important;
}
#ImageWithText--template--22539441996064__image_with_text_qqrUQJ .button {
margin-top: 1.5rem !important;
}
#ImageWithText--template--22539441996064__image_with_text_qqrUQJ .section-template--22539441996064__image_with_text_qqrUQJ-padding { padding-bottom: 1.5rem !important; }
}
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Dan-From-Ryviu · ‎06-26-2024

Hi @josoneryx1890

Please add this code to theme.liquid file, after <head>

<style>
@media (max-width: 749px) {
#ImageWithText--template--22539441996064__image_with_text_qqrUQJ { padding-top: 1rem !Important; }
#ImageWithText--template--22539441996064__image_with_text_qqrUQJ .image-with-text__text {
margin-top: 0.5rem !important;
}
#ImageWithText--template--22539441996064__image_with_text_qqrUQJ .button {
margin-top: 1.5rem !important;
}
#ImageWithText--template--22539441996064__image_with_text_qqrUQJ .section-template--22539441996064__image_with_text_qqrUQJ-padding { padding-bottom: 1.5rem !important; }
}
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

josoneryx1890 · ‎06-26-2024

Thank you so much 🙂