Change Submenu

visiosysteme · June 2018

Hey there,

I would like a transparent submenu. Just a font color and a hover color, and maybe a active link color.

Could you help me?

Kind regards

Pablo · June 2018

Hi,

Color settings of menu are in BeTheme > Theme Options > Colors > Menu.

http://prntscr.com/ju26z2

Thanks.

visiosysteme · June 2018

But Subheader and Submenu are two different things. I can't find any settings for a transparency submenu.

Pablo · June 2018

Sorry, my fault.

Submenu must have a color, there is no other option.

You can change it BeTheme > Theme Options > Colors > Menu

http://prntscr.com/ju26z2

Submenu cannot be transparent by using our theme options.

You can do it only using Custom CSS code.

Cheers.

visiosysteme · June 2018

I thought so. Could you give me a CSS Code?

Pablo · June 2018

Please send me a link to your website,

I will make it for you.

Greetings.

visiosysteme · June 2018

http://visiosysteme.de/salon-chris

Pablo · June 2018

Here it is

#Top_bar:not(.is-sticky) #menu ul.sub-menu {
background:transparent !important;
}

Thanks

visiosysteme · June 2018

is it possilbe to hide the lines too?

Pablo · June 2018

Hi,

Please use this custom CSS code

#Top_bar .menu li ul li a{
border:0 !important;
}

body #Top_bar .menu li > ul {
box-shadow:0 !important;
-webkit-box-shadow:0 !important;
}

Also, go to Theme Options > Global > Advanced > Options - turn on the Remove Shadows.

http://prntscr.com/jw8ikj

Thanks.

visiosysteme · June 2018

Can we do this with the sticky header, too?

Pablo · June 2018

Here it is:

#Top_bar.is-sticky .menu li ul li a{
border:0 !important;
	background-color:transparent;
}

body #Top_bar.is-sticky .menu li > ul {
box-shadow:0 !important;
-webkit-box-shadow:0 !important;
	background-color:transparent;
}

Thanks.

visiosysteme · June 2018

great! thanks!

back to normal submenu. Can we remove the grey background when i hover the link?

Pablo · June 2018

Sure

#Top_bar .menu li ul li a:hover{
background:transparent !important;
}

Thanks

lukianetz · July 2018

Hi!

Can I use this CSS Code for a transparency submenu in my website to?

Regards

Pablo · July 2018

Hi,

Yes, this code is universal.

Greetings.

lukianetz · July 2018

Thanks!

Change Submenu

Comments