Resize navigation logo

Can you retry the code, i made a small change.

Nope, not working yet but I think there's something else overriding that code.

If I do a live preview using Simple CSS and resize the window I can see the graphic quickly going to the size I want then getting small. To clarify, here's what I'm doing:

- From Simple CSS, add code and publish (I changed the mobile size to 200px so it's more obvious what's happening)
- Resize the browser window slowly to make it smaller

When it gets resized to the point where it switches from desktop view to mobile view, I can see the graphic briefly become larger (for less than a second) then it switches to the small graphic that fits within the mobile header.

Hi there, lets give this a shot:

@media (max-width: 768px) {
    .mobile-header-navigation .site-logo.mobile-header-logo img {
        height: 100px;
    }
}

Nope, same. I may not have mentioned before but it's when the menu gets so small it changes to a dropdown menu. Up to that point it's fine.

Give this CSS a shot:

@media (max-width: 768px) {
    .mobile-header-navigation .site-logo.mobile-header-logo img {
        height: 100px;
    }
    .menu-toggle, .main-navigation .mobile-bar-items a {
        line-height: 100px;
    }
}