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
1 Like
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;
}
@Inux131
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;
}
}