Dawn Theme - How Can I Move My Product Name & Reviews To Below The Product Image?

[shanagarryceo]

I want the product name & reviews moved below the image, is this possible?

[PageFly-Victor]

Hi @shanagarryceo ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
@media (max-width: 767px){
product-info#ProductInfo-template--18332848849170__main > .product__title {
    position: initial !important;
}
.product.product--medium.product--left.product--thumbnail.product--mobile-show.grid.grid--1-col.grid--2-col-tablet {
    padding-top: 0 !important;
}
}

</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

[shanagarryceo]

Hi @PageFly-Victor , 

This does not seem to have worked. It is left centred but not below the image, is there a change that can be made?

[PageFly-Victor]

You can try add this code below to bottom of section-main-product.css

.product__title {
    position: initial !important;
}

[shanagarryceo]

@PageFly-Victor This has worked! However there is now a large white space between the image and the header, how can I reduce this gap and pull the image & content below further up?

[PageFly-Victor]

Sorry for the late reply, I see your problem has been fixed, let me know if you need any help.