Hello Shopify! The text on my page is waaaaayyyyyy too big on the mobile format. IT makes my home page much too long. I am hoping there is something that can be done about this? please help.
Topic summary
A user needs to reduce oversized text on their mobile site, which is making their homepage excessively long.
Solution Provided:
- Navigate to Online Store → Theme → Edit code
- Open assets/theme.css
- Add custom CSS at the bottom targeting specific section IDs with
font-size: 20px !importantand a media query for screens max-width 768px
Outcome:
- Original poster confirmed the fix worked
- Another user later reported the same mobile text size issue but stated the provided code didn’t resolve their problem
The discussion remains partially unresolved, as the CSS solution worked for one user but failed for another with similar symptoms.
hello @diydesigners
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media screen and (max-width: 728px){
#shopify-section-lh-section-hiojz9j1cgk .lh-title{
font-size: 20px !important;
}
#shopify-section-1623487814a2da2155 h1{
font-size: 20px !important;
}
}
1 Like
fixed it thanks
Hi, could you help me with something? I am having trouble with my text size for the mobile. I love the size for the desktop but it’s crazy for the mobile.
I tried this code but it didn’t work.