Site logo

Archived topic

I can't make mobile logo larger

3 replies · Started by Jamie on October 21, 2022

Viewing posts 1–4 of 4

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;
}

Hi there,

Try this CSS:

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

perfect! Thank You!

No problem :)

This archived topic is closed to new replies.