lenaschallhammer

What you describe sounds like the exact problem I had. Have you tried adding my adapted CSS lines in the additional CSS section?

If you only have the problem on certain pages you can use the following code, just change the page id’s and colors so they fit your project:

.page-id-7 .nav-toggle .bars {color: #fff !important;}

.page-id-7 .header-inner.is-sticky .nav-toggle .bars
{color: #393531 !important;}

I solved the problem by adapting some code lines in the additional css section. Leaving it here in case someone else struggles with the same problem. Obviously you’ll have to exchange the hex codes.

.nav-toggle .bars {
color: #fff}

.header-inner.is-sticky .nav-toggle .bars {
color: #393531}

• This reply was modified 3 years, 10 months ago by lenaschallhammer.

Please use this new link.

https://merge.lena.gws.rocks/wp-content/uploads/2021/01/IMG_2688.png

• This reply was modified 3 years, 10 months ago by lenaschallhammer.
• This reply was modified 3 years, 10 months ago by lenaschallhammer.
• This reply was modified 3 years, 10 months ago by lenaschallhammer.
• This reply was modified 3 years, 10 months ago by lenaschallhammer.

Thank you for your answer!

Unfortunately it hasn’t been fixed. Did you open the website on a mobile phone with safari, then scrolled down and back up on the index page?

I am attaching a picture of what it looks like after I scrolled back to the top of the page: The burger menu in the top right corner of the header displays in a dark grey color that seems invisible in front of the picture.

https://merge.lena.gws.rocks/wp-content/uploads/2020/12/IMG_2688.png

• This reply was modified 3 years, 11 months ago by lenaschallhammer.
• This reply was modified 3 years, 11 months ago by lenaschallhammer.
• This reply was modified 3 years, 11 months ago by lenaschallhammer.