Debutify Theme - Change position of product name on mobile

sk6rpion
New Member
4 0 0

Hi, I have a problem changing the position of the product name on the product page and homepage preview.

I want the product name and the review starts to be shown above the product image, and to be centered but for some reason when I switch to mobile view it goes below the image both in the homepage preview of the product and on the product page as well.

Can anyone help me to set this up? I've tried to change some code, but I'm not an expert so I didn't go far

 

my site: mycatfun.com

0 Likes
suyash1
Shopify Partner
2712 288 450

@sk6rpion - this can be done, but it will need few code and css changes. 

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
sk6rpion
New Member
4 0 0

Can you give me the code to change?

0 Likes
suyash1
Shopify Partner
2712 288 450

@sk6rpion - no external code, we need to move title code from right side to left side above image, then it will come above image on both desktop and mobile version

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
sk6rpion
New Member
4 0 0

Which file contains the code that needs to be edited? 

0 Likes
suyash1
Shopify Partner
2712 288 450

@sk6rpion - it should be product template file. It will have all liquid/html coding for product page. 

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
sk6rpion
New Member
4 0 0

Could you please send an example of how it should be looking in product-template.liquid? Cause i have 0 experience in coding

0 Likes
suyash1
Shopify Partner
2712 288 450

@sk6rpion - something like selected line , if you are not familiar with coding I recommend to add someone to your staff and ask him to do. 

 

suyash1_0-1618403469154.png

 

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes