Sub-menu background color issue

Hi there,

Please help me with the Airi Sub-menu background color issue, which is not fully covered with the color of the setting in CSS but with red color edge. Thank you.

1

Additional CSS

.site-header #site-navigation li.padprinting > a {background-color: #255fdb;
	color: #ffffff;
 padding: 5px 10px;
    }

.site-header #site-navigation li.si > a {background-color: #255fdb;
	color: #ffffff;
 padding: 5px 10pxx;
    }

.site-header #site-navigation li.sf > a {background-color: #255fdb;
	color: #ffffff;
 padding: 5px 10px;
    }

@media only screen and (min-width: 1200px) {
      .menuStyle6 .site-header .main-navigation ul.menu .sub-menu li + li {
        margin-left: 0;
      }
    }

Hi,

Thank you for reaching out to us here. I am happy to help with your queries.

I need direct inspection to get the exact code solution to suggest. Can you share a link to your website here?

Regards,
Kharis
aThemes Support

Thanks Kharis.

Please check below website link. Thanks

Website Link

Hi,

Thank you for sharing the link.

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

    @media only screen and (min-width: 1200px) {
      .site-header #site-navigation ul ul.sub-menu li {
        padding: 0;
      }

      .site-header #site-navigation ul ul.sub-menu li > a {
        display: block;
        padding: 15px !important;
      }  
    }

Regards,
Kharis
aThemes Support

2 Likes

It works. Thanks Kharis.

1 Like

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
aThemes Support