hi! can someone fix the text on the t-shirts page on phone view?
the text is not on one line with the price
please fix it so that it is right on every page and optimized on phone
Topic summary
A user reports text alignment issues on their t-shirt collection page when viewed on mobile devices. The problem appears to involve text not displaying on a single line and potentially overlapping with pricing elements.
Proposed Solution:
Another user provides CSS code to fix the alignment across all devices:
- Navigate to Online Store → Theme → Edit code
- Open Assets → theme.css
- Add specific CSS targeting
.product-card__infoelements to ensure proper width and gap settings
The suggested code aims to optimize the layout for consistent single-line text display on mobile views. The issue remains unresolved pending implementation of the proposed fix.
1 Like
@Disci oh sorry for that issue, can you pleas add below code its work all device perfect view one line
- Go to Online Store->Theme->Edit code
- Asset->/theme.css ->paste below code at the bottom of the file.
.product-card__info .justify-items-center {width: 100%;}
.product-card__info .v-stack.justify-items-center.gap-1 {gap: 0 !important;}