Making Source theme's landing header fit for mobile users

Themes
1

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:

2

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
3

Worked like a charm! Thank you :raised_hands: