Hi,
not sure if I messed something up when doing standard compression of the CSS to save space, but for some reason the drop down menu has no backing color and/or wrong z-index.
See active link (this is the site I’ve finally updated from 3.5 to Newmag 5x – all latest versions):
https://massachusettsnewswire.com/boston-mayor-wu-announces-castle-of-our-skins-awarded-new-performance-venue-67427/
I removed all my custom CSS and had no effect.
It looks like the CSS that sets the background color and the font for the submenu is missing. It should be in the theme stylesheet here https://prnt.sc/9WGdC_1WJb1b Mine is on the right, and in yours on the left it’s missing. I see the stylesheet is minified, but that doesn’t normally remove code from the file.
You could just add that CSS https://pastebin.com/4fWUd1im in the theme panel. It will fix the issue https://prnt.sc/zE9KL8ni4_nN Not sure why its missing from there. The theme stylesheet contains it by default, and minifying the stylesheet should not remove actual code from it.
Thank you!
Thanks. very weird. I’ve been using the same minifier for decade so not seen stuff go missing before. I even have stuff like Pagespeed ‘off’ during upgrade as you might expect. I will try adding into the customizer out of paranoia. My next step was to put back the unminified CSS but so weird. Nothing else acting funky that I can see.
Also, fyi, I pulled the css from the ‘all files’ repo, not the single theme download in case you want to double check that.
🙂
okayyyy…. I am pretty sure this was due to my normal practice of removing all custom fonts of any kind from the CSS prior to minification… specifically changing everythign to
font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Helvetica Neue",-apple-system,BlinkMacSystemFont,"Dejavu Sans",Oxygen-Sans,Ubuntu,Cantarell,Arial,arial,sans-serif;
So, presumably, I must have mis-applied a copy/paste in there while replacing these
font-family: sans-serif;
font-family: 'Open Sans', arial, sans-serif;
I will revisit that and correct. But adding the borked CSS to the wp > customizer solved it for the moment.
Whew!! So, human error on my part apparently. DOh.
okay – final resolution for anybody running into this…
the toptal online minifier I’ve used long time, apparently is broken in some way. It tries to group things together in long string, but not in a sensical way.
I used a different minifier and fixed several random CSS problems in test.
SO, I ended up with a 115kb file vs 98kb (still better than 155kb before server size gzip stuff). On the surface, that might presume 18kb of chaos theory.
The ‘bad’ minifier had also broken the CSS for main menu so the items were initial cap vs all caps, which I hadn’t noticed until now.
First time I’ve ever had a minification issue on anything.
Upshot. “Be careful out there.” 🙂
RESOLVED
