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]

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 tag

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 ,

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 (press CTRL + F or command + F on Mac)
3. paste this code right above the tag:

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