[Resolved] Logo Seems small in mobile device

[John]

Hello,

The logo looks too small on mobile devices.

Is It okay or did I make something wrong?

If goes anything wrong, How can I fix it?

Thanks

[Leo]

Hi there,

A couple of options here.

1. Try increasing the menu item height with the mobile toggle activated:
https://docs.generatepress.com/article/menu-item-height-width/

2. There is 10px of top and bottom padding added by default. You can try removing it with this CSS:

@media (max-width: 768px) {
    .site-logo.mobile-header-logo img {
        padding: 0;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[John]

Solved!

Thanks Leo

[Leo]

No problem 🙂

[Author]

Posts