Archived topic
Tablet and mobile merge menu not working
6 replies · Started by Rick on July 22, 2017
Tom, merged header transparency for tablet and mobile isn't working. It's using the theme's primary navigation colors instead of transparency. Desktop works fine.
https://factoringclub2.wpengine.com/factoring-companies/texas/dallas/
Hi Rick,
Sorry for not getting back to you sooner!
I just took a look and I'm not noticing any differences between desktop, tablet and mobile. Did you get this working?
Well, I changed the primary navigation colors to force the transparent look. So it should be transparent on tablet and mobile too?
To show the issue, I've changed the primary navigation colors to black text on white background. You can see the differences between desktop and tablet/mobile on this page which has merged menu and transparency on:
Ah yes, the mobile header by default won't be transparent, as it's usually not great for UX on the page while on mobile.
You could force it to be like this:
#mobile-header {
background: transparent;
}
#mobile-header .menu-toggle,
#mobile-header .mobile-bar-items a {
color: #fff;
}
#mobile-header li {
background: #fff;
}
Thanks Tom, you're right on!
Glad I could help :)