Transparent menu background in footer

jakobsprick · November 2020

Hello there,

I added a second menu to the footer area of my website. The menu got a default light grey box/background around it.

I want to delete the background / make it transparent, but I cant figure out how.

I tried via Custom CSS to set the background transparent, which didnt work:

.menu-menu-footer-container{

background-color: transparent;

}

(If I use another color instead of transparent, the background of the menu changes to that color, only the submenu stay in some other gray tone)

See here, with transparent: https://postimg.cc/3dYmVfsk

Or here with a color similar to the theme #F5F5F3: https://postimg.cc/cKSvtvdr

I need to either A) make the background transparent or

make the whole menu in one color (including the submenu-item) so that it blends in with the theme background (carpenter2).

Can you guide me in the right direction?

Thanks alot

Phil · November 2020

Hi,
Please always attach a link to your website so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.

thanks

jakobsprick · November 2020

Hi Phil,

thanks for the quick reply.

The issue can be seen on any page, since its the same footer everywhere.

Thanks in advance

Phil · November 2020

Please, use following Custom CSS Code instead of the one you sent.

#menu-menu-footer, #menu-menu-footer ul {
	background: transparent !important;
}

Thanks

jakobsprick · November 2020

Hi Phil,

thanks for the reply. I tried it and it works perfectly.

Thank you for your help!

Jack

Transparent menu background in footer

Comments