Change product title on top of product page - Impact Theme

[Ucmalaysia]

Hi all helpful experts, 

I would like to make my product info page, 

On mobile site, product-vendor, product-title, and product-price on top, and product image below. 
Sequence will be like: Header -> (those listed above) -> Media image -> others info. 

My website link: https://weareurbancraft.com/en-sg/products/16oz-tumbler-coral-pink-473ml

Theme: Impact theme

Thanks in advance. 

[Small_Task_Help]

Hi,

Current theme --> Actions-->Edit code--> product.liquid or product-template.liquid.

Look for the code that displays the product title. It might look something like this:

<h1 class="product__title">{{ product.title }}</h1>

You may need to modify the HTML and CSS around this code to change the position. You can move this code to the desired location within the product template.

Save-->Preview and Publish

Please take backup

[Ucmalaysia]

Hey thanks!

I have used this before but one more section are created on top, is there possible for me to make current display in desktop maintain, while the product-title, product-vendor and price are move upwards?