[Resolved] Logo Issue on Mobile

[Lee]

Hello!

I’m having a bit of an issue with the logo not displaying when viewed on a mobile device.

The site is http://steps-ahead.konstructstudios.co.uk/

I’ve got this sorted on another site and works perfectly (http://test.konstructstudios.co.uk/) – i’ve crossed referenced the settings and they are all identical.

When on mobile, the navigation area goes very thin and the logo doesn’t display.

Any ideas as to what may be going wrong? I’ve been staring at it for ages now and can’t see anything, although it’s probably something obvious!

Many thanks in advance.

Lee

[Leo]

Hi there,

The mobile header logo should be a small logo like an icon (your logo without the text should be perfect).

Can you give that a shot and see if it works?

As for the navigation height, you can change it using the toggle in the customizer: https://docs.generatepress.com/article/menu-item-height-width/#height

[Lee]

Hi Leo.

Apologies, i seem to be missing something here. Where do i add the mobile header logo?

Lee

[Leo]

This should help: https://docs.generatepress.com/article/mobile-header/

[Lee]

Hi Leo.

I have already added the mobile logo via Appearance > Customize > Layout > Header (and it is enabled), it’s just not displaying.

Lee

[Leo]

Try increasing the navigation height with the mobile toggle on:
https://docs.generatepress.com/article/menu-item-height-width/

It’s currently too small.

[Lee]

Hi Leo.

Ok that was the one! Thanks very much for helping on that issue.

Lee 🙂

[Leo]

No problem!

[Steve]

Hi there,

I have tried all these and can’t get my logo to show on the mobile.

Website is https://www.hsescouts.org.uk

[David]

Hi there,

the logo is displaying, its just it is the same color as the mobile header background.

[Author]

Posts