Site logo

Archived topic

Resizing SVG Logo for Mobile Navigation Logo

3 replies · Started by Michael on February 16, 2021

Viewing posts 1–4 of 4

I would like to use my svg logo on my mobile header. But when I go into Customizing > Layout > Layout > Header and select the logo, it forces the other navigational items (search, hamburger, etc) to wrap under the logo. Is there anyway to make the logo smaller for that mobile view so that it resembles a look similar to that of using the site title branding type?

Thanks much!

Hi Michael,

Are you using mobile header logo?
If so give this css a try, adjust the number:

.site-logo.mobile-header-logo img {
    height: 30px;
}

If it doesn't work, please link us to the site in question, thanks!

Perfect! Thanks again Ying! -Mike

No problem :)

This archived topic is closed to new replies.