[Resolved] Mobile SVG logo

[Rudy Vaughn]

Hi,

I’m not able to get the spacing right on the mobile header on my dev site. I’m using SVG logos and have uploaded one for the mobile version, and the menu is aligned left below the logo. I’d like the logo to be on the left and the menu icon to be on the same line (right) but not able to figure out how to achieve this. Can you help?

Thanks in advance.

[Leo]

Hi there,

Remove the CSS you’ve added:

.site-logo {
    min-width: 300px;
}

And try this instead:

.site-logo {
    width: 300px;
}
.site-logo.mobile-header-logo {
    width: 212px;
}

[Rudy Vaughn]

Thanks Leo! Adjusted the css of the mobile-header to 200px and it worked. Appreciate the help.

[Leo]

No problem 🙂

[Author]

Posts