[Resolved] Block header mobile issues

[Neil]

I am building our first site using a block as the header rather than an element and experiencing some issues on mobile.
You can see an example page here: https://dev.konduit.uk/working-with-you/

I can see that the logo and menu are being created 540 px high, but cannot see what is causing it. Can you give an insight?

Many thanks in advance.
Neil

[Ying]

Hi Neil,

Can you clear cache and disable your cache plugin so we can see the code better?

[Neil]

Although Hummingbird was activated the caching functionality wasn’t turned on. However to ensure it doesn’t get in the way I have now completed deactivated it 👍

Neil

[Neil]

Also, there are two headers on the site; One on the home page, and one on every other page

[Ying]

can you go to Customizing > Layout > Primary Navigation, check what’s themenu item height you set for mobile?

And also go to Customizing > Typography, did you set the line height to 30without a unit for Primary navigation items?

[Neil]

This is how it is rendering for me

[Neil]

On desktop the coloured section sits behind the logo and menu

[Neil]

Awesome. The menu item height has fixed it.

Thanks for your help. Much appreciated 👍
Neil

[Ying]

You are welcome 🙂

[Author]

Posts