HOW TO DISTRIBUTE VERTICALLY IN MOBILE VIEW

Solved

HOW TO DISTRIBUTE VERTICALLY IN MOBILE VIEW

josoneryx1890
Excursionist
34 0 5

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

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

josoneryx1890_0-1719387966537.png

josoneryx1890_1-1719387979422.png

 

 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8561 1689 1696

This is an accepted solution.

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 and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
8561 1689 1696

This is an accepted solution.

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 and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

josoneryx1890
Excursionist
34 0 5

Thank you so much 🙂