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 |
---|---|
33 | |
27 | |
17 | |
9 | |
9 |
We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023