Hover state on mobile menu

I have the same question if anyone knows, or if you figured it out? Thanks!

@SpeckleDigital I'm assuming you have this solved. When I visited the site, I see a hamburger menu that goes from 2 black lines to 2 orange ones on hover, and arrows which grow in size as I hover over its menu items.

On 1/8/2021 at 4:34 AM, cmcdd said:

I have the same question if anyone knows, or if you figured it out? Thanks!

Can you share site url. We can help easier

I asked this question as part of another query that I submitted and I received the following response that I wanted to share on this thread:

After using the dev tool in this site https://lightsandtracks.squarespace.com/, i think this is the configuration to set hover effect.

.header-menu-nav-item a:hover {
    color: #ff524a !important;
}

a:hover {
    color: #ff524a !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

.header-menu-nav-item a:hover::after {
    content: '→' !important;
    font-size: 3.2rem;
    color: #ff524a;
    font-family: 'FunktionalGrotesk-Book';
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 1 !important;
}