Hi there!

Thanks for your query.

I have visited the link: campenmithund.ch and offcanvas is showing there at my end.

Could not find this one: neu.marty-immovision

For this site: waldvogel-wila.ch kindly use the following code in your custom CSS:

#sp-header #offcanvas-toggler.offcanvas, #sp-header #offcanvas-toggler.mega {
    display: block !important;
}
#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler {
    display: none !important;
}
.burger-icon>span {
    background-color: black;
}

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

Hi Rashida On some devices it works on others look like here: https://prnt.sc/tfsCHrHkIMM5

neu.marty-immovision.ch And if you already look at this page (access in hidden content). The buttons work, but the colors are not taken over in the frontend (in the backend it works). Backend on hover: https://prnt.sc/sbBbjNr3Mg7u Frontend on hover: https://prnt.sc/SeAHwsGtJqCQ

waldvogel-wila.ch Your code works only partially and not as desired. On the PC view the offcanvas is also visible: https://prnt.sc/6AmPMsKE1qHJ

In the mobile view the offcanvas icon appears but everything does not look nice. I can't adjust the height either, no matter if I set 50px or 30px header height in the backend (mobile version). The spacing of the logo at the top and bottom is also not correct. https://prnt.sc/GkSw21Z-ab9z And the background of the offcanvas menu is transparent. The settings are simply not taken over from the backend: https://prnt.sc/L1GiKB_kyg6R

This was completely correct a few days ago! On all pages, without exception. Why does it all look like this now?

I ask for very quick answer/correction. Domi

If I may...

Must be

#sp-header #offcanvas-toggler.offcanvas, #sp-header #offcanvas-toggler.mega {
  display: grid !important;
}

not "block"

Hi Paul

Thank you for your solutions. But I can't change the Header Height on mobile version. If I change it (for example to 80px) I can see it in the backend but on mobile nothing happens... And the background of the offcanvas menu ist still transparent: https://prnt.sc/wkgkeqSODp5U

Ok.

For bg - You used settings or custom CSS?

Hi Paul

I used settings.

Domi

Okay. Thx.

What do you think? Should I downgrade to version 2.0.11 to restore everything? Would that do any good? If so, where can I find the old versions to download?

Thank you Paul