Second level and Third level menu color issues

Hi there,

I need help to fix two problems with the menu.

First Problem here is when third level menu is pointed the background color of second level goes to some red color.

It should have
Background color #ffffff;
font color #370059;

on hover
Background color #370059;
font color #ffffff;

Second problem - fourth level of menu is not visible. I believe it pops out on the right side but not visually seen. This i need help to make it to pop out in responsive way either left or right depending on the screen size

In the attached screenshot you can see the color and also the fourth level hidden

Vimal J


First thanks for using our theme!

  1. Regarding menu colors, please try adding the custom CSS code below at Appearance > Customize > Additional CSS:

    #mainnav .sub-menu li:hover > a,
    #mainnav ul li ul:after {
    	background: #4b1969 !important;

  1. Please install this plugin: TC Custom JavaScript – WordPress plugin |
    2.1. Go to Appearance > Custom Javascript and add this given code in the box:
    2.2 Go to Appearance > Customize > Additional CSS and add this given custom CSS code:

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,


aThemes Support

Thanks Rodrigo, It works well.

Vimal J

Hello Vimal,

You are welcome!

Let us know if you have more questions.

Kind Regards,


aThemes Support