Menu burgen not showing on mobile

Hi Enfold,

I have seen a lot of threads in the forum covering this item. Items that even discus the padding of the logo as the logo is covering the menu. It might that I have the same problem but I ended up trying code from other treads without understanding what I was doing. That can be right!

So I have the problem too that my menu dissapeared when the site is viewed on a mobile phone. I have applied the code found in https://kriesi.at/support/topic/remove-enfold-logo-from-header/ It should remove the enfold logo and project the site identity (side title and tagline).

My quick CSS looks like this.
/*
on hover vergroot de foto
*/
.image-overlay { display: none !important; }

#main a:hover {
-webkit-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
#main a {
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}

/*
verwijder enfold logo
*/

.logo img {
display: none;
}

/*
maakt de achtergrond van de menubalk blauw
makes the background color of the menu bar turn blue
no link available from forum
*/

/*
stretch header background picture
*/

.header_color .header_bg {
background-size: cover;
}

#header_main_alternate, .bottom_nav_header.social_header .main_menu ul:first-child {
background: #3b5998;
}

/*
verwijderd de rand om plaatjes heen
removes the border from pictures containing a hyperlink

https://kriesi.at/support/topic/how-to-remove-the-image-borders/

*/
a img, a:hover img{
border: none !important;
background: transparent !important
}

.entry img{
border: none !important;
background: transparent !important
}

/*
verwijderd de pijl over een plaatje met een link
removes the overlay on a picture with link

https://kriesi.at/support/topic/how-to-disable-hover-onmouseover-on-images/

*/
.image-overlay {
display: none !important;
}

/*
Please firstly turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give elements you would like to hide on mobile a custom CSS class (i.e.: only_desktop ) and then add following code to Quick CSS in Enfold theme options under General Styling tab
https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263
*/
@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}

/*
http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/
You can add following code to Quick CSS in Enfold theme options under General Styling tab to switch to mobile menu on landscape mode on tablets (1024px)

@media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
#wrap_all {
position: relative !important;
}
*/

/*
font kleur search bar instellen op zwart
*/

#s { color: black !important; }

/*
tonen van het menu op mobiel

@media only screen and (max-width: 767px) {
#advanced_menu_toggle, #advanced_menu_hide {
display: block;
right: 10px;
}
}
*/

Do you have any idea how I could fix this?
Best regards

Bart Altena