[Resolved] Logo not resizing

[Craig]

Hello,
When I resize my site to say 1024 pixels wide, the header logo drops below the navigation menu.

Shouldn’t the logo resize down?

http://semssp.staging.wpengine.com/

Thanks!
Craig

[Tom]

Hmm, I’m afraid not. Images only know to resize when they hit the edge of the container, not when another element hits them.

You can resize it manually though using media queries:

@media (max-width: 1024px) {
    .site-header .header-image {
        max-width: 200px;
    }
}

Adjust px and add more media queries as needed 🙂

[Craig]

Sounds good. Thanks!

[Author]

Posts