You can try to make it via layout xml: > Theme_Root/Magento_Catalog/layout/catalog_product_view.xml: <?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <body> <referenceContainer name="content"> <container name="content.row" htmlTag="div" htmlClass="row" before="-"> <container name="content.row.product-info" htmlTag="div" htmlClass="product-info" /> </container> </referenceContainer> <referenceContainer name="product.info.main" htmlClass="product-info-main col-xs-12 col-sm-8" /> <referenceContainer name="product.info.media" htmlClass="product media col-xs-12 col-sm-4" /> <move element="product.info.media" destination="content.row.product-info" before="-" /> <move element="product.info.main" destination="content.row.product-info" /> </body> </page> Write me if you have any issues.