Logo not displaying correctly on mobile site

@kellen22 I am sorry to hear the logo isn’t showing up correctly – just so I am sure about what you’re seeing, can you share a screenshot of the mobile view? You can try TinyGrab, Snaggy, LightShot or Jing to capture and share the screenshot.

Hi @lyrathemes

Thanks for your reply.

Please see here for what I’m experiencing:

https://www.oe-institute.com/wp-content/uploads/2019/06/Screenshot_20190612-080622.jpg

That’s the logo not displaying correctly. The Blue Organizational Effectiveness Institute logo is pushed down with white space on top of it.

And here are the mobile menu items with large gaps in between them:

https://www.oe-institute.com/wp-content/uploads/2019/06/Screenshot_20190612-080628.jpg

Although I think for the second one, that is the result of the custom CSS I put in.

Thank you!

-Kellen

• This reply was modified 5 years, 8 months ago by kellen22.

Hi kellen22.

You can wrap the CSS you’ve added for the logo on a desktop in

@media(min-width: 1024px) {
     custom CSS goes here
}

So that it doesn’t affect the mobile and smaller screens display. And then the logo on mobile can be adjusted separately, if necessary.

Kind regards.