Shopify themes, liquid, logos, and UX
Hi,
I added the code below to make my mobile Hero Page scalable without changing the hero picture design.
However, now I want to increase the font size of the "Jetzt bestellen" button.
How do I do this?
Best regards
Anna
Shop: humbugwatches.com
pw: aiffau
Hii, @Inux131
Paste this code on top of the theme.scss file.
@media only screen and (max-width: 749px){
.rte-setting.mega-subtitle p a {
font-size: 14px !important;
}
}
Thank You.
@Inux131- add given css to the very end of theme.css file and check , adjust number as per need
#shopify-section-hero-1 #hero_inner-content .mega-subtitle a {
font-size: 24px;
}
Please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.mega-subtitle a {font-size: 10px;}
.hero .mega-subtitle, .hero .mega-title {font-size: 14px;}
}
@Inux131
You just need to add the code in theme.css file
/*for desktop*/
.mega-subtitle a {
font-size: 22px;
}
/*for mobile*/
media screen and (max-width: 749px) {
.mega-subtitle a {
font-size: 12px;
}
}
User | RANK |
---|---|
241 | |
161 | |
61 | |
55 | |
46 |
Thanks to all who participated in our AMA with 2H Media on planning your 2023 marketing bu...
By Jacqui Mar 30, 2023Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023