Mobile site not matching desktop

The colors on my mobile site are not matching the desktop. Is there a way to also change the background color of the mobile hamburger menu? The icons are also incorrect on the mobile menu. The shopping cart and account are switched, and the icons are not correct. Any way to fix these things? I used some custom code from Tuan for the desktop page but it looks like it didn't translate to mobile.

https://fiddle-drum-m9ds.squarespace.com/

I was able to fix the icons myself, but the background color is still tan. How can I change it to white and footer to purple like the desktop? (I tried to change the color scheme and it messed up the formatting of my store plug in. So I changed the colors on the theme that works, but it's still showing tan.) Working with Lightspeed/ecwid has proved tricky unfortunately

Your have some CSS code override Footer color.

Add this to Website > Website Tools > Custom CSS to override it

footer.sections .section-background {
    background-color: #e8e1fd !important;
}