Menu icon Foundation
Flexible Logo in Topbar?

I'm attempting to put a logo image in the top-bar navigation. This works great, however, the logo image doesn't seem to scale with the rest of the sidebar. Instead of getting smaller, the text is pushed beneath it.

You can see a demo here:
http://theadgarage.com/dev/test-site/

Any ideas?

topbar

I'm attempting to put a logo image in the top-bar navigation. This works great, however, the logo image doesn't seem to scale with the rest of the sidebar. Instead of getting smaller, the text is pushed beneath it.

You can see a demo here:
http://theadgarage.com/dev/test-site/

Any ideas?

dims almost 5 years ago

the link is not working

Jeremy Englert almost 5 years ago

Rafi,

I tried adding that code, but no luck. The menu still moves down a level - I'm trying to get the logo to scale down as the menu moves towards it.

Rafi Benkual almost 5 years ago

Looks like on small it scales because the image is set to max-width 100%.

I would add this css to make it scale:

@media only screen and (min-width: 40.063em) {
li.name img {
max-width: 100%;
}
}

Better would be to change the topbar breakpoint.