Hey, is there a way to move my product title in line with the product image on my product pages just for desktop view?
My store url: https://bellevodesign.com/products/avery-chocolate-egyptian-cotton-bedding-set
The issue:
Desired outcome:
Topic summary
A user seeks to reposition the product title to align horizontally with the product image on desktop view only. They’re using the Dawn theme and provided screenshots showing the current layout versus the desired outcome.
Solution Provided:
A PageFly representative offered a CSS-based fix involving three steps:
- Navigate to Online Store → Theme → Edit code
- Locate the base.css file
- Add custom CSS code at the bottom targeting
.product-infowithtop: 0 !important;
Outcome:
The solution was confirmed successful by the original poster, and the issue appears resolved.
1 Like
Hi @sweetjay
This is Amelia from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
product-info {
top: 0 !important;
}
Hope that my solution works for you.
Best regards,
Amelia | PageFly
1 Like
Perfect, thanks Amelia!
1 Like
You are welcome @sweetjay 