Liquid, JavaScript, themes, sales channels
Hi, can someone please help me? How do I stop my headings and text not resizing? Is there a way so the text resizes as the screen size changes? In mobile view I'd like the text to resize to something smaller. Thank you for your help 🙂
https://decru-vintage.myshopify.com/
pass: gluvia
Solved! Go to the solution
This is an accepted solution.
@Jess2021
paste this code on top of the theme.scss file.
@media only screen and (max-width: 768px) {
h2.h1.mega-title.mega-title--large {
font-size: 45px !important;
}
.section-header.text-center h2 {
font-size: 30px !important;
}
}
Thnk You.
Hello @Jess2021 ,
@media only screen and(max-width:749px){
h2.h1.mega-title.mega-title--large {
font-size: 40px;
}
h2 {
font-size: 20px;
}
}
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
Note : If your store is having this media already (for mobile version) then no need to add whole code . Only just add css in that media ie 749px(already exist)
This is an accepted solution.
@Jess2021
paste this code on top of the theme.scss file.
@media only screen and (max-width: 768px) {
h2.h1.mega-title.mega-title--large {
font-size: 45px !important;
}
.section-header.text-center h2 {
font-size: 30px !important;
}
}
Thnk You.
This has worked, thank you!
User | RANK |
---|---|
38 | |
29 | |
13 | |
12 | |
9 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023