I've got a logo in the centre of a menu and when viewed on a mobile, it only shows when click the menu button!

[core365]

Hi, I’m working on a site and I’ve got a logo in the centre of a menu and when you view it on a mobile, you can only see it when you click the menu button! I can’t figure out how to do it so when viewed on a mobile device, you can see the logo as part of the header and not part of the menu! To get the logo in the centre of the menu, I created a custom link and put the image URL in the ‘Navigation Label’ field.

Hope you can help!

I’ll put the URL in a secure note along with the By Pass password as I’ve got a construction page up at the mo.

Thanks!

[jade]

Hi there,

Please set logo to the site logo option in X > Theme Options > Header > Logo - Image.

Then add this code to the Global CSS:

@media (max-width: 979px) {
    .header-navigation-center {
        display: none;
    }
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Hope this helps.

[core365]

Hi, that’s great, thanks for your help!

[nabeel]

Glad we could help.

Cheers!