How can I move the product tile above my image for mobile?
I’m using Dawn 8.0.0 and my Shopify link is https://droughtinc.myshopify.com/products/explorer-shirt-1-1
Topic summary
Goal: Reorder the product page on mobile in the Dawn 8.0.0 theme so the product title appears above the product image.
Key proposal:
- Add custom CSS in Online Store → Themes → Edit code → Assets → section-main-product.css.
- Use media queries to reposition .product__title:
- 492–749px: position: relative; top: -500px;
- 320–491px: position: fixed; top: 190px;
- A screenshot and code snippet are central to the suggested solution.
Access note: The store appears password-protected; one responder requested access details to verify.
Status: No confirmation yet that the CSS resolved the issue; discussion appears open/ongoing.
1 Like
oh sorry for that issue but how can i check your store password protect
Hi @harrisness ,
This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:
@media (min-width: 492px) and (max-width: 749px) {
.product__title {
position: relative;
top: -500px;
}
}
@media (min-width: 320px) and (max-width: 491px) {
.product__title {
position: fixed;
top: 190px;
}
}
Hope my answer will help you.
Best regards,
Victor | PageFly
tickaw