hamburger drop-menu not working after update

Hi Lenschi,

Thank you for getting back.

Can you also exactly replicate those two sections to your test page, save, and reoad it? Does the issue present in there?

Regards,
Kharis

Hi @kharisblank

I have add the teams element to the testpage in section “Steckbrief” ( https://lentscher.de/test-2 ) and then the issue is there.

Regards
Lenschi

Hi Lenschi,

Thank you for checking.

As inspected with the web browser’s tool, there is a CSS conflict with the Widget Kit for Elementor. And you’d be able to resolve it by adding the below CSS code to your site’s Additional CSS under the Customize menu.

.mainnav.hidden.toggled {
  display: block !important;
}

Regards,
Kharis

Thanks. Now ist works corectly.
The issue is solved.

You are perfect.

Regards
Lenschi

Hi Lenschi,

Thank you for updating me. Glad to know that the code worked for you.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Hey there!

For some reason my button for the mobile menue doesnt change its color.

Hopefully you can help.

Here is my CSS:

* –> Transpatent sub menue
mainnav-mobi {
background-color: transparent;
}

/* .sub-menu { background: rgba(255,255,255,0.3) !important; } */

.btn-menu {
color: black !important;
}

#mainnav .sub-menu li a {
color: white !important;
background-color: black !important;
}

#mainnav .sub-menu li a:hover {
color: graytext !important;
}

.text-slider{
background-color: rgba(255,255,255, 0.3);
padding-top: 30px;align-content
}

.text-slider .maintitle{
color: black;
font-size: px;
font-style: bold;
background: ;
}

.text-slider .maintitle:after {
background-color: black;
font-size:70px;
bottom: -10px;
}

.text-slider .subtitle{
color: black;
font-size: px;
font-style: italic;
background: ;
}

.slide-text-bg2
{
width: auto;
margin: 0;
}
.slide-caption {
width: auto ! important;
}

.slide-inner{
top: 18% !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
}

.footer-widgets {
padding-top: 50px;
padding-bottom: 0px;
text-align: center;
font-size: 18px;
}

.entry-post {
text-align: justify;
}

@media (max-width: 1024px) {
#masthead {
position: absolute !important;
background-color: transparent;
}
}

@media (max-width: 767px) {
.text-slider .maintitle {
font-size: 32px;
}

.text-slider .subtitle {
font-size: 28px;
padding: 20px 0 35px;
}

.roll-button.button-slider {
padding: 10px 30px;
}
}

@media only screen and (max-width: 767px) {
body.class {
padding: 20px;
}
body {
padding: 5px;
}

}

Thanky Jake

Hi @jakob1222,

It would be better if you can share a link to your website, so I can get to know easier the problem and find out best possible solution to suggest.

Meanwhile, you can try adding this CSS code:

.btn-menu .sydney-svg-icon {
  fill: #000;
}

Change the hex color code when needed.

Regards,
Kharis

Sir,

you are a great help! Thank you so much, you solved my problem instantly.

I thank you very much and wish you a marvelous day.

Best regards,

Jakob

You’re welcome, Jakob!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Have a nice day!

Regards,
Kharis