In our attempt to make the site easier to use and understand, we want to put the product name and price over the product picture when in mobile devices. Since it is actually below the picture and many customers don’t understand they need to scroll down to see more info of the product
Is there any way to modify the code to make this change?
This is an example of how we would like it to be arranged
It needs to edit some liquid code for mobile view on product page.
so code will hide in desktop view but show like your screenshot in mobile view.
For example visit related view of store - https://www.trubrain.com/products/clockwise