[Resolved] Remove Mobile Sticky Logo

[David]

Hi Guys

whats the easiest way of removing the navigation bar logo from Mobile Sticky menu?

thanks

David

[Tom]

Try this:

@media (max-width: 768px) {
    .navigation-logo {
        display: none;
    }
}

[David]

Nope doesn’t work =(
I have checked the CSS and no errors (placed it at top and placed it without @media). No joy

[Leo]

Can you provide a link to your site? Thanks!

[Leo]

Try this CSS instead:

@media (max-width: 768px) {
    .main-navigation.navigation-clone .navigation-logo.sticky-logo {
        display: none !important;
    }
}

Let me know.

[David]

Perfect thank you! But like dominoes…….
Simple way to left justify the hamburger menu?

[Leo]

Try this:

@media (max-width: 768px) {
    .sticky-menu-logo .navigation-stick:not(.mobile-header-navigation) .menu-toggle {
        float: left;
    }
}

[David]

Great – thank you.
BTW I like the new logo =)

[David]

Oh just out of curiosity, why did the original fix for removing the logo not work?

[Leo]

I like the new logo too 🙂

The original code wasn’t specific enough so it got overwritten.

[Author]

Posts