Making Source theme's landing header fit for mobile users

Hi there,

I’m really liking the default Source theme, but I’ve noticed the landing header style isn’t great on mobile.

When you switch to a mobile view, the subscribe button label is replaced with an arrow icon, so it’s not exactly clear what that form field is for.

Can anyone recommend a code injection fix for this?

Thanks :slightly_smiling_face:

You can add this in Code Injection site header:

<style>
.gh-header .gh-form .gh-button span { display: block; }
.gh-header .gh-form .gh-button span svg { display: none; }
</style>
1 Like

Worked like a charm! Thank you :raised_hands: