I want to switch to burger Menu at 1100px but sidebar does't change. Burger does

Auf Deutsch (english translation see below):
Hallo zusammen, ich arbeite derzeit mit einer Webseite, wo das Hauptmenü und Logo links in der Sidebar platziert sind. Da die Sidebar in der mobilen Variante beim iPad extrem viel Platz wegnimmt, möchte ich ab 1100px bereits auf Burger Menü umschalten und dieses inkl. Logo in klein oben im Header anzeigen lassen, so wie es bei Darstellung im Kopfzeilenbereich auch üblich ist. Da ich aber eine Seite habe, die links das Menü in der Sidebar darstellt, wird auch nur links anstelle der Menü Punkte das Bürger Menü geändert, die Sidebar bleibt aber mit Logo bestehen und das selbe Problem bleibt bestehen. Die Dokumentation für Enfold gibt uns diesen Code, welcher sich aber nicht auf mein Sidebar Problem bezieht.

/* Activate burger menu */
@media only screen and (max-width: 1224px) {
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}}
Danke schonmal

In English:
Hello everyone, I am currently working with a website where the main menu and logo are placed on the left side of the sidebar. Since the sidebar in the mobile version of the iPad takes up a lot of space, I want to switch to Burger Menu at 1100px and display this burger icon plus logo on top of the page, as it is usual for the header area. But since I have a page that displays the menu in the sidebar on the left side, my menue changed to burger icon but the sidebar is still there and the same problem remains. The documentation for Enfold gives us this code, but it does not refer to my sidebar problem.

/* Activate burger menu */
@media only screen and (max-width: 1224px) {
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}}
Thank you.