Hi,
On my product page “Andere kauften auch” (Others also bought), the font size is too big !!!
Can someone please help me make is smaller ?
URL: https://atelier-gstaad.ch/products/amara-zerrissene-jeans-mit-weitem-bein
Topic summary
A user reports that the “Andere kauften auch” (Others also bought) section heading on their product page displays with an excessively large font size, particularly on mobile devices.
Proposed Solutions:
Multiple respondents provided CSS code snippets to reduce the font size:
- Solution 1: Target
.section-stack .prose h2and set font-size to 30px - Solution 2: Apply mobile-specific styling (max-width: 767px) to
.product-info__title.h4 fontwith 20px font-size - Solution 3: Use media query (max-width: 699px) targeting
.shopify-section--product-recommendations .section-header h2with 22px font-size
All solutions involve adding CSS code to the theme.css file via Shopify Admin > Online Store > Themes > Actions > Edit Code > Assets > theme.css.
Status: The issue remains unresolved as the original poster has not confirmed which solution worked or whether the problem was fixed.
1 Like
Hello there
Please use that CSS in theme.css file to make it smaller
Regards
Titu
.section-stack .prose h2 {
font-size: 30px;
}
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.css and paste this at the bottom of the file:
@media (max-width: 767px) {
h1.product-info__title.h4 font {
font-size: 20px;
}
}
Hi @flaminmoe ,
Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:
@media screen and (max-width: 699px) {
.shopify-section--product-recommendations .section-header h2 {
font-size: 22px;
}
}