[Resolved] Navigation Logo not showing in responsive mode

[Tom]

It looks pretty big to me now? Do you want it to be outside the mobile header container?

[Harris]

It’s OK now. But I had to increase the menu items height (in mobile menu) in order to increase it (increasing it the logo size was increasing too).
What I was asking is if there is any way to increase the logo without having to increase the menu items height.

[Leo]

Try this CSS to remove the padding around the logo:

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

[Harris]

Ι don’t want to have zero padding 🙂
Isn’t there any straightforward way to just increase the logo size?

It’s OK as it is now for me. I am just asking to know in case I will sometime have a menu with more content/options where the 50 pixels height will be too much.

[Leo]

You can change 0 to 3px if you want:

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

[Harris]

OK. Thanks!

[Leo]

No problem!

[Author]

Posts