[Resolved] SVG Logo Overwrite in Header

[Tom]

You should be able to add this:

.generate-merged-header #mobile-header:not(.toggled) .menu-toggle, 
.generate-merged-header #mobile-header .mobile-bar-items a {
    color: #444;
}

Then use your regular dark mobile logo.

I’m currently re-writing the Page Header module, and I fixed all of the issues we’ve found in this thread 🙂

[Todd]

I added the CSS and then disabled the logo snippet you gave me (or should I not?) There is so much going on I not sure what is doing what now!

This will all be addresses in GP 1.7, that is great. Do you have an ETA for that release?

[Tom]

Yep – that’s exactly what you should do.

The text isn’t visible because you also have this CSS in your child theme:

.generate-merged-header #mobile-header:not(.toggled) .menu-toggle, 
.generate-merged-header #mobile-header .mobile-bar-items a {
    color: #fff;
}

Hoping to get an alpha version of 1.7 our next week.

[Todd]

Perfect, Thanks Tom. Looking forward to 1.7!

[Author]

Posts