mobile menu of theme Windows and Doors

[Angela Govers-Bakker]

Hello,
Could you please help me with the following.
I use the ‘Windows and Doors’ theme. I would like to make adjustments to the mobile menu. If you unfold it, the background is transparent so that you can not read the text correctly. I would like this to be 50% black.

Furthermore, the expanded mobile menu falls behind the photos that appear on the home page (Services boxes)

I would also like to put the header on 50% black (where the logo is in). This is possible at the header top but not at the header below with the logo in it.

Do you have CSS codes for the above problems for me so that I can put them in the Custom CSS box?

Thanks in advance!!

Angela Govers
https://www.goverstsb.nl/wp/

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:767px) {
.header { height:auto;}
}

Regards,
Dave

[Angela Govers-Bakker]

Thank you!

Could you please also answer this question from my first message:
“I would also like to put the header on 50% black (where the logo is in). This is possible at the header top but not at the header below with the logo in it.”

Thanks in advance.

Angela Govers
https://www.goverstsb.nl/wp/

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Dave

[Angela Govers-Bakker]

Hi,

Here is a screenshot: https://www.goverstsb.nl/img/screenshot-50prblack.jpg
I have draw an arrow where I want the black header on 50% black…

Sorry my English is not very good.

Thanks in advance.

Angela

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.headerfixed .header { background:rgba(0, 0, 0, 0.5) !important;}

Regards,
Dave

[Angela Govers-Bakker]

Oke thank you.
But now there still is an black block next to the logo and behind the logo…
See screenshot: https://www.goverstsb.nl/img/screenshot-50prblack2.jpg

Regards,
Angela

[Sonl Sinha]

Hi,

Kindly use this one

.logo, .logo::before { background-color:transparent !important;}

Regards,
Dave

[Author]

Posts