Mobile Image Layout

Solved
Highlighted
Tourist
5 0 1

Using the blockshop theme and can't figure out a way for our images on products to appear before the description on mobile. Is this an easy rearrange with a code, and if so what is it?

Thanks!

1 Like
Highlighted
Astronaut
1075 173 211

Hello,

Thank you for your question. 

Please share your store URL, page URL and also password (if your store has one), I'll help you out to the best of my ability.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Shopify Partner
7457 1032 2592

Hello, @hmalex 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
5 0 1

Thanks!

We're not live yet but does this work for access https://z5d2sdilgoqs0hzw-41700655269.shopifypreview.com

 

 

0 Likes
Highlighted
Astronaut
1075 173 211

This is an accepted solution.

It does, thanks.

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

@media (max-width: 767px){
    .product-page--main-content{
    display: flex !important;
    flex-direction: column;

}

.product-page--main-content > *:nth-child(1){
  order: 2;
    
}
}


 Make sure to paste this code on the theme that you sent me the preview. Let me know whether it works.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Tourist
5 0 1

Thank you so much! That did it!

0 Likes
Highlighted
Astronaut
1075 173 211

@hmalex You're welcome! I'm glad to hear that. Wishing you a great day.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes