[Resolved] Tablet and mobile merge menu not working

Home Forums Support [Resolved] Tablet and mobile merge menu not working

Home Forums Support Tablet and mobile merge menu not working

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #353270
    Rick

    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/

    #353582
    Tom
    Lead Developer
    Lead Developer

    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?

    #353764
    Rick

    Well, I changed the primary navigation colors to force the transparent look. So it should be transparent on tablet and mobile too?

    #353765
    Rick

    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/

    #353830
    Tom
    Lead Developer
    Lead Developer

    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;
    }
    #354072
    Rick

    Thanks Tom, you’re right on!

    #354165
    Tom
    Lead Developer
    Lead Developer

    Glad I could help 🙂

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.