Site logo

Archived topic

Tablet and mobile merge menu not working

6 replies · Started by Rick on July 22, 2017

Viewing posts 1–7 of 7

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:

https://factoringclub2.wpengine.com/factoring-company/

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 :)

This archived topic is closed to new replies.