Moving product title above size selection from the top of the page

[fadl]

I want the product title to be moved from red marked area to blue area. let me know if you need any details. please help regarding this. Also mention the places i need to edit the code. 

Website link : https://fadl.in/ 

 

[fadl]

Website link is : https://fadl.in

[BiDeal-Discount]

Hi @fadl 

only on mobile?

[fadl]

yes. only on mobile

[BiDeal-Discount]

Let try to add this CSS code:

Let go to Admin -> Sale Channels -> Online Stores -> Themes -> click Edit code on current theme -> find styles.css and add this code to the end of that file

@media (max-width: 749px) {
   .shopify-section .product-info {
        display: flex;
        flex-direction: column;
    }
    .product-info.product-info__pc{
        order: 1;
    }
    .product-info .figureImg {
        order: 0;
    }
    .product-info #image-navigation {
        order: 2;
    }
    .product-info .product-info__main {
        order: 3;
    }
}

[fadl]

I tried. but its position is still at the top. 😞

[BiDeal-Discount]

I see it's on bottom right now