Centered Logo Not Showing Up on Mobile

[gallagherBD]

Hello, My clients website kettlecornmachines.com is having a problem. I got some code to center the logo and now it is not showing up in mobile text.

Also, there is a space below the navbar that I would like to be gone.

Let me know, thanks!

[rad]

Hi @gallagherBD,

Thanks for reaching out.

The space is coming from this custom CSS

.x-main {
    margin-top: 30px;
}

Please remove it to set it to zero to remove it.

Your customization is just by styling a menu on desktop (hence no effect on mobile), and there is no actual logo set in Theme Options > Header. Please set an image logo instead of just a text logo.

Thanks!

[gallagherBD]

@rad, thank you for finding that. I have been ripping my hair out over that little snippet. grrr.

Also, I thought the logo had to be removed to make the custom css work. Oh well, great catch!
This is perfect thanks.

[rad]

Glad I could help and you’re most welcome