Can you please help me getting rid of the black background on top menu

I am trying to get rid of the black background of the top header menu.

can you please guide me getting rid of the same. It looks ugly on mobile phones.
website is www.aaashi.com
Link below for your reference

https://1drv.ms/i/s!ApB8BOg5uuqelmroig_2belvZ-aH

Regards,
Ajit

Hi,

You can make make the black background white with this Custom CSS:

@media only screen and (max-width: 991px) {
.site-header {
    background-color: transparent !important;
}
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,
Csaba

It indeed becomes transparent on computer browser but the problem remain same on mobile browser.

can you please check in your mobile www.aaashi.com

Hi,

On mobile it will be transparent, but it will show the background behind it ( in your case white ), but to make it transparent and have the header slider behind it, then you must make the site-header sticky ( fixed to top ) with this Custom CSS:

@media only screen and (max-width: 991px) {
.site-header {
    position: fixed !important;
    background-color: transparent !important;
}

.site-header.fixed {
    position: fixed !important;
}
}

Please let me know how it works.

Best Regards,
Csaba