Need help with Custom Mobile Sandwich Menu

Hi there! I'm trying to custom my hamburger menu to be responsive with my desktop.

When I hover over my menu items on mobile, they won't change colors.

I'd also like my folder menu to drop down vertically rather than another page.

Heres some of my code I've been using:

.header-nav *, nav.header-menu-nav-list * {color: #838181 !important;
}

/*contact button*/
.header-actions-action .btn {
    padding: 0px 0px;
    font-family: 'DM Mono' !important;
    font-size: 40px;
    color: #68A4FF !important;
    border-color: #68A4FF !important;
  min-height: 0vh !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;  
 }

.header-actions .btn:hover {background-color: #68A4FF!important;
color: white !important;}
 

/* change header nav active style */
.header-nav-item--active a {
  color: #000000 !important;
  background-image: none !important;
}

/* add header nav hover effect */
.header-nav-wrapper a:hover {
color: #68A4FF !important;
}

https://sydyatco.squarespace.com/

what is site access password?

@tuanphan it's 1905. thank you for responding!

You want

#1. Make burger menu appear on desktop

#2. Hover menu items on burger menu > change color

#3. I don't know this

Is that right?

#1. No, I want the hover items on my MOBILE hamburger menu to change colors

#2. The photo folder in my mobile hamburger menu, I'd like that to drop down vertically instead of swiping horizontally to another screen. 

#1. I don't know this. Mobile has no hover behavior.

#2. There is some plugins, you can try

https://www.sqsmods.com/menu