Change Mobile Submenu Background Color

Hello @umbrellacover,

Thanks for reaching out and for your kind words! We’re glad you’re enjoying our plugin. I can certainly help you with that.

To change the background color of the mobile submenu, you’ll need to add some custom CSS. Here is the code that will help you achieve this.

CSS

@media only screen and ( max-width: 767px ) {
    nav.hfe-dropdown .menu-item a.hfe-sub-menu-item {
        background-color: #0000FF !important;
    }
}

How to Add the CSS

You can easily add this code to your WordPress site by following these steps:

1. From your WordPress dashboard, go to Appearance > Customize.
2. In the Customizer, find the “Additional CSS” tab and click on it.
3. Paste the code into the text area.
4. Click the “Publish” button to save your changes.

This code uses a media query to ensure the background color change only applies to devices with a screen size of 767 pixels or less (typically mobile devices). You can change the hex code #0000FF to any color you prefer.

I hope this helps you get the look you need for your site’s mobile menu!

Best Regards,
Dhruv