Airi Mobile Menu sub item not visible - Extended 1 - Finance Style

Could you help me change the mobile menu sub item look on Airi to look like the Sydney theme?

Here is a site I built with Sydney theme: https://www.moldbustersusa.com/

Here is a site I am building with Airi theme: https://www.backyard.marketing/

The sub item menu on Sydney is much more intuitive than Airi. I have attached screenshots from both sites:

!

I have created a sub item page under Commercial, but the + isn’t visible unless clicked.

Thank you!

At the very least, I need help changing the + on the mobile menu to white to make it visible before being clicked. It changes to red when clicked, but it is black before being clicked, which makes it invisible against the black background.

Another option is changing the mobile menu background to white on Extended 1 - Finance Style. I could then change the top level menu items to black and then it would be visible.

If this can be accomplished with a few lines of CSS, that would be excellent!!

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1199px) {
      .main-navigation ul .subnav-toggle {
        color: #fb397d !important;
      }
    }

Regards,
Kharis

Very nice - cheers Kharis!!

Screenshot_20190419-084939

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

How would i remove the extended header from airi pro theme (email, phone and quote)?

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 991px) {
      .top-bar {
        display: none;
      }
    }

Regards,
Kharis