Moving Product Title below Product Image [Mobile Only]

[Kefkin]

Hi everyone!

I'm trying to move the product title below the product image for each product page on the mobile view.

As of right now it is above the product image and you have to scroll up to see it on the product page.

The theme in question is the Showcase by Clean Canvas

Store URL is kefkin.com

Thanks in advance to all that can offer help!

[DevBijan]

Hello, I'm not sure exactly how your code is built, but this seems something that can be solved using either css flexbox or grid. You can add a media query for mobile devices and change the layout. 

It would look something like:
@media (max-width: 768px){
  .container{
    flex-direction: row-reverse;
  }
}

Hope this helps!