Move product title in product page

Tourist
11 0 1

hello there , so i want to move the title of product to the top of the page  so when someone is chosing a color he can see the picture of the color he chose especialy on mobile

 

my website : www.xucosmetics.com

0 Likes
Shopify Expert
665 170 199

Hi, @Medsiiradj ,

This is Evita from On The Map.

 

Can you maybe provide a screenshot?

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
11 0 1
yeah

1 Like
Tourist
11 0 1

Screenshot_20191104-142302.pngScreenshot_20191104-142310.png

0 Likes
Shopify Expert
665 170 199

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media screen and (max-width: 590px){ 
   .product-single__title {
    position: absolute;
    top: 8rem;
    width: 28rem;
   }
   .product-single {
     margin-top: 9rem;
   }
   .price-container {
    margin-top: -4rem;
   }
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
11 0 1

Nah man this didnt work as i hoped  lookScreenshot_20191104-164418.pngScreenshot_20191104-164425.png

0 Likes
Tourist
11 0 1

Help me please

0 Likes