[Resolved] Responsive Design on Mobile

[Janine]

Hi.

My homepage looks great on most mobile devices, except these two. Is this normal or is there something I can do to…

1. bring the word “it” in the headline up one line; and
2. bring the search icon up inline with the rest of the navigation elements?

See screenshots in folder provided.

Thank you.

[Ying]

Hi Janine,

There’s just not enough space all the elements, I would say it’s normal.

1. I assume it’s a page hero? If so you could try to reduce the left and right padding for mobile in Header element settings, or reduce the font size for mobile using CSS.

2. Reduce the font size of site title at Customizing > Typography > Header > Font size for mobile. Or remove the Menu label for hamburger toggle at Customizing > Layout > Primary Navigation > Mobile Menu Label.

Let me know 🙂

[Janine]

Thanks, Ying.

[Ying]

You are welcome 🙂

[Author]

Posts