Archived topic

Responsive Design on Mobile

3 replies · Started by Janine on February 22, 2021

Viewing posts 1–4 of 4

February 22, 2021 at 10:03 am #1668095

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.

February 22, 2021 at 11:09 am #1668175

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 :)

February 22, 2021 at 12:18 pm #1668246

Thanks, Ying.

February 22, 2021 at 12:37 pm #1668275

You are welcome :)

This archived topic is closed to new replies.

Start building better websites today.