Ari Pro Finance Menu Style

On the mobile menu for the finance style, the X close button is blocked from the popup, unless you scroll. Anyway to avoid this?

Hello, I have just checked this site: spauldingdecondetroit.com

The X close button seems to be OK now, is this issue already resolved?

Kind Regards, Roman.
aThemes Support

No, we are currently using the Local Business Menu style because it works. We prefer to use the ‘Finance Style Menu’ style but the mobile X is an issue.

Hello, I couldn’t recreate your issue on my local Airi Pro install.

Can you please enable Extended 1 - finance style option and leave here a note to let me check it?

Kind Regards, Roman.
aThemes Support

Yes, i just updated and it’s live. Please check soon as it doesn’t work well.

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.mobile-menu-toggle {
    z-index: 100;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Thanks this worked perfectly.

Great, you are welcome!

Kind Regards, Roman.
aThemes Support

Hi,

More small things with this Finance Style Menu settings, specifically on Mobile. Are other people not running into the same issue?

If you go to the same website, and review the mobile menu, you will notice you can open the submenu of items without closing the menu. Unless you move the page down, but no one is going to know that. Even when you scroll down it can be difficult, looks like a small spot to click to open sub menu. How do I fix this? Also, is there a way to just make the mobile menu open all options when opened?

Lastly, if you see on desktop, the submenu hover color is White, which turns the text invisible. I don’t see a spot to change the submenu hover color.

Thanks,

Jeff

Hello Jeff,

Are other people not running into the same issue?

I suppose that you mean your mobile menu toggle issue. I couldn’t recreate it on my local Airi install with Airi Pro plugin. So probably it’s site-specific.

If you go to the same website, and review the mobile menu, you will notice you can open the submenu of items without closing the menu. Unless you move the page down, but no one is going to know that. Even when you scroll down it can be difficult, looks like a small spot to click to open sub menu. How do I fix this?

I’m not sure what exactly is your issue here, but I assume that you need to enlarge the submenu toggle tap area and make the submenu toggle more noticeable. If that’s correct, try to use the following CSS code. You can add CSS code in Customize → Additional CSS section.

/* Larger submenu toggle tap area with translucent background start */
@media (max-width: 1199px) {
    .subnav-toggle {
        padding: 14px;
        background-color: rgba(0, 0, 0, 0.1);
    }
}
/* Larger submenu toggle tap area with translucent background end */

Lastly, if you see on desktop, the submenu hover color is White, which turns the text invisible. I don’t see a spot to change the submenu hover color.

It’s set in Additional CSS section (row 85), you can change it there.

Kind Regards, Roman.
aThemes Support

Thanks, that worked!

Great, you are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support