Move Product Title & Price Above Image On Mobile Product Page (Debutify Theme)

Solved

Move Product Title & Price Above Image On Mobile Product Page (Debutify Theme)

checkoutfirst
Excursionist
37 0 22

Hi, can someone please assist with code to move the "Title" and "Price" information above the image on product page (for mobile only)
I'm using the theme Debutify.
I searched and found answers to the same question, but the solutions didn't seem to work for me. (maybe different theme)

My website is www.checkoutfirst.com

 

Sample.png

Accepted Solution (1)

KetanKumar
Shopify Partner
36941 3642 12003

This is an accepted solution.

@checkoutfirst 

thanks for post can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 769px) {
.grid.product-single {margin-top: 80px;}
.product-single__title {position: absolute;top: 0;margin-top: 20px;}
}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 2 (2)

KetanKumar
Shopify Partner
36941 3642 12003

This is an accepted solution.

@checkoutfirst 

thanks for post can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 769px) {
.grid.product-single {margin-top: 80px;}
.product-single__title {position: absolute;top: 0;margin-top: 20px;}
}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
omero
Explorer
58 0 12

Hi!

for studio 10.0.0 the theme.scss.liquid doesn't exist, so where should we add this?

Thanks for solution,

Omer