Re: Make banner text smaller on mobile version?

Make banner text smaller on mobile version?

norduxe
Tourist
22 0 3

Hi, 

 

Is there anyone here who might know how to make the banner text smaller on only the mobile version?

As for right now the text covers upp the whole picture? See example below. If it would be possible to make the button and text smaller to make it look more clean. 

 

 

norduxe_0-1732356084340.png

 

URL: https://la03ue1o3c6qefsa-86795059542.shopifypreview.com

 

Replies 4 (4)

Moeed
Shopify Partner
6736 1820 2202

Hey @norduxe 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
.banner__heading {
    font-size: 23px !important;
}
.banner__text.rte.body p {
    font-size: 15px !important;
    padding: 0 40px !important;
}
}
</style>

RESULT:

Moeed_0-1732356602926.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

 

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Rahul_dhiman
Shopify Partner
740 143 150

Hello @norduxe 
Go to online store ----> themes ----> actions ----> edit code ---->base.css ---> line number 287
search this code

@media screen and (max-width: 767px) {
.h0 {
    font-size: calc(var(--font-heading-scale)* 4rem);
}
}

 

 


and replace with this code

@media screen and (max-width: 767px) {
.h0 {
    font-size: calc(var(--font-heading-scale)* 3rem);
}
}

 

 

 result
22.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

norduxe
Tourist
22 0 3

Do you  know if its possible to make it look more like this? 

IMG_3803.jpeg

norduxe
Tourist
22 0 3

Do you  know if its possible to make it look more like this? 

IMG_3803.jpeg