Change colors and transparency drop-down menu

neuerwald · February 2020

Hello,

I have my logo in the menu on the left. When I go to a subpage, the logo with the text in the head is hidden. It mixes up. How can I change that on the sub-pages that the font is placed next to the logo?

2. I use a drop-down menu. I want to set the background of the pop-up menu in the transparency so that it doesn't just cover it white. How can I adjust that?

Thanks for your help

Website link: https://knutstritzke.de/

Pablo · February 2020

Hello,

It's really weird, the simple header with minimalist option should keep the height value of the header.

Can you disable all of the plugins, clear the cache and check, if the issue still exists?

Thanks

neuerwald · February 2020

I just did it. The problem is still there.

Pablo · February 2020

Okay, I do understand now the problem.

It's simple, you are using the "Empty" header which does not have any height applied, so to fix it, please change your header to "Simple", it's nearly the same, but has the header height, so all content will be after the header.

Thanks

neuerwald · February 2020

Hello Pablo, thanks for the solution.

Can I change the height of the header? There is too much space in the upper area for me.

neuerwald · February 2020

Oh and 2nd of the first mail still needs a solution.

2. I use a drop-down menu. I want to set the background of the pop-up menu in the transparency so that it doesn't just cover it white. How can I adjust that?

Thanks

Bryan · February 2020

Hey,

1. Header space is fixed, you cannot diable it. You can only change the header 'minimalist' styles in theme options>header

2. TO do that we need to see the page because it requires custom css. Please disable the maintenance mode.

thanks

neuerwald · March 2020

OK, I've disabled it now.

Pablo · March 2020

Please use this CSS code in the Theme Options > Custom CSS & JS > CSS

#menu-main-menu{
	background:rgba(46, 49, 49, .8)
}

Thanks

neuerwald · March 2020

OK, thank you. But unfortunately opacity doesn't work. Too bad then it has to stay white

Thanks

Pablo · March 2020

Sorry, I do not understand.

This code changes the dropdown menu background color, what opacity would you like to change?

Thanks

neuerwald · March 2020

I want the background color to be gray and slightly shimmering. If I also enter the opacity 0.5, then only the hue becomes paler. The shimmering through does not work.

Pablo · March 2020

I will not create the shimmering because I'm not sure what exactly you want to achieve, but I changed the color in the code above, so just copy and paste it.

Thanks

neuerwald · March 2020

Hi Pablo, I have attached a sample page to you. I would like the menu bar to have 70% transparency.

https://sorensenleather.com/cases/close-contact/

Pablo · March 2020

So, do you want to change the color of the submenu or the menu?

Also, we do not have this kind of effect of "fading" menu color - you can attach only the solid color (or rgba with opacity)

Tell me, which element do you want to change?

http://prntscr.com/rbbvp9

Thanks

neuerwald · March 2020

I chose the "Overlay Menu" variant. So I solved both problems menus. Thank you anyway for the effort.

Thanks

Change colors and transparency drop-down menu

Comments