I haven’t got a lot of experience so go easy on me. But my WordPress website is loading the wrong logo when viewed on mobile. It doesn’t switch to the light/white version of the logo. Now the logo disappears on the blue background of the mobile version.

Somebody mentioned that the theme is loading the incorrect light logo and suggested the code below – but this doesn’t work, it shows the correct white logo but the old one stays too, so with this code it displays 2 logos at the same time.

@media(max-width: 1199px) {
    body.switchable-logo header#header .menuzord-brand .logo-light.logo-1x {
        display: none;
    }

    body.switchable-logo header#header .menuzord-brand .logo-dark.logo-2x.retina {
        display: block;
    }
}

I’ve attached a photo of how I have the logos set up in the Theme Options.
Any help would be appreciated.

Thank you!

The page I need help with: https://walkministries.org.uk/newsite/ – although it is going ‘live’ later on today, so then you might find it here https://www.walkministries.org.uk)