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;
}
@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;
}
}
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;}
}
User | RANK |
---|---|
163 | |
142 | |
74 | |
66 | |
56 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023