Issue with header in mobile bar

Hi there,

I have this website www.mindsahead.org.uk.

While it looks perfect in desktop, on a mobile phone the grey header/menu bar disappears and the logo goes directly over the website content which looks really unprofessional. I have another website which is built similar called www.leadersplus.org.uk but there it is not a problem. I compared the customize section but couldn’t see the difference.

can you help?
Verena

Hi,

Maybe you need to reduce the size of your logo image when its displayed in mobile screen. Please add the code below to: Customize > Additional CSS.

.site-logo {
    max-height: 45px;
}

feel free to adjust the value of the max-height from the code in above.

Regards,
Awan