Footer text enlarged on somes pages mobile- Dawn

[INFRA]

Hi there, One 1 page the top footer text on mobile is showing up way bigger than on the rest.

It's also showing a dash underneath the text. I've used this dash across headers on other sections but not on the footer, how do I get it to look the same as on the other pages on mobile?

about us page 

passw: waiheke

on "the shed' page it's correct:

 

 Thanks!

[Moeed · Accepted solution]

Hey @INFRA 

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>
.footer-block__heading {
    font-size: 12px !important;
}
</style>

RESULT:

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[B2Bridge]

Hi @INFRA , you can follow these steps:

Step 1: Open Online Store -> Themes -> Edit code.

Step 2: Find component-card.css file

Step 3: Paste this code at the bottom of the file

@media (max-width: 749px) {
    h2.footer-block__heading.inline-richtext {
        font-size: 12px !important;
    }
}

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you 😍

[diego_ezfy]

Hey @INFRA@INFRA,

I hope you're doing well!

1. From your Shopify Admin go to online store > themes > ... > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
.footer-block__heading {
    font-size: 14px !important;
}
@media (max-width: 749px){
.footer-block__heading {
    font-size: 11px !important;
}
}
</style>

14px = desktop

11px = mobile

I hope this helps! If you have any further questions or need additional assistance, feel free to let me know. Wishing you a great day ahead.

Best,
Diego