Footer removal and burger menu

THank you Rikard, first part worked, the 2nd one didn’t work :(

Rikard – thank you this worked!
Can you share the code I would require to have the social icons that are in the header on transparent to be a specific colour (#009989) and when it’s in the normal header scrolled down, it can be white?

Hi there, this is no longer working and I wonder if I am missing something as my client has asked for a lot of extra code to do with the burger menu.
In short – she wants the burger menu to be white on transparent background before scroll, then the teal colour when scrolling, The menu needs to have a teal background with white icons and writing when open and the icon needs to be white too when the menu (burger) is opened.

Does this look right to you?

/* CSS – Testimonial BG */

.main_color .avia-testimonial-arrow-wrap .avia-arrow, .main_color .avia-slider-testimonials .avia-testimonial-content {
background: #ffffff;
}
/* Color section container width */
#section-container-width .container {
width: 100% !important;
min-width: 100%;
padding: 0;
margin: 0;
}
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header .main_menu {
position: fixed;
padding-right: 30px;
}
}
.av_header_transparency .logo {
display: none;
}
.av_header_transparency .av-hamburger-inner, .av_header_transparency .av-hamburger-inner::before, .av_header_transparency .av-hamburger-inner::after {
background-color: white !important;
}
#top .av_header_glassy.av_header_transparency .social_bookmarks li, #top .av_header_glassy.av_header_transparency .social_bookmarks li a {
border-color: rgba(255,255,255,0.25);
color: #009989;
}

#socket .social_bookmarks {
display : none ;
}

#top #av-burger-menu-ul {
padding: 120px 0px 0px !important
}

#av-burger-menu-ul .menu-item-social {
display: table;
width: 100%;
}

#top #av-burger-menu-ul .menu-item-social .avia-menu-text {
display: block;
width: 100% !important;
padding: 15px 50px 5px;
text-align: left !important;
font-style: italic;
}
@media only screen and (max-width: 767px) {
.responsive .logo { display: none !important; }

#advanced_menu_toggle, #advanced_menu_hide {
margin-top: 10px;
}

#header_main {
min-height: 82px;
}
}
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
background: transparent;
position: absolute!important;
}

#top .av-burger-overlay li li .avia-bullet,
#top .av-hamburger-inner,
#top .av-hamburger-inner::before,
#top .av-hamburger-inner::after {
background-color: #009989 !important;
}
#top .av-burger-overlay li li .avia-bullet,
#top .av-hamburger.is-active .av-hamburger-inner,
#top .av-hamburger.is-active .av-hamburger-inner::before,
#top .av-hamburger.is-active .av-hamburger-inner::after {
background-color: #fff !important;
}

#top .av_header_glassy.av_header_transparency .social_bookmarks li, #top .av_header_glassy.av_header_transparency .social_bookmarks li a {
border-color: rgba(255,255,255,0.25);
color: #009989;
}

I still don’t understand the css lint – it just tells me a load of stuff and I can’t figure out where the closing or opening is.