[Resolved] I can’t make mobile logo larger

[Jamie]

I am trying to make the logo on mobile larger, I tried to add some css but it is not making the logo larger.

@media (max-width: 768px)
.main-navigation .site-logo.navigation-logo img, .mobile-header-navigation .site-logo.mobile-header-logo img, .navigation-search input[type=”search”] {
height: 100px;
}
.navigation-branding img, .site-logo.mobile-header-logo img {
height: 100px;
width: auto;
}

.navigation-branding img, .site-logo.mobile-header-logo img {
height: 100px;
width: auto;
}

@media (max-width: 768px)
.mobile-menu .inside-navigation grid-container grid-parent {
height: 100px;
}

[Ying]

Hi there,

Try this CSS:

#mobile-header .site-logo img {
    width: 180px;
    height: auto;
}

[Jamie]

perfect! Thank You!

[Ying]

No problem 🙂

[Author]

Posts