Adjust size of a Link on Banner?

11 0 5



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




pw: aiffau







Replies 4 (4)

Shopify Partner
5581 642 1570

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.

Shopify Partner
9148 1139 1489

@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;




To build shopify pages use pagefly You are welcome to contact me - , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
Shopify Partner
15868 2373 3075

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;
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

Shopify Partner
12294 2548 3698


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;}
If helpful then please Like and Accept Solution | Email: |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app