Studio Theme: Dropdown Menu to Hover + Change Colour when there's a sub menu

[OC4]

Hi all,

I was able to sort out some css for my header, including changing the colour when hovering over a link in the nav.

However, as you can see, the colour does not change when hovering if there is a submenu. I’d like it to also change colour upon hovering. Hex code #E2986A

I’d also like to change it from dropdown to open on hover. I would like to do this via the Theme CSS and not in the “edit code” section as I’d like my theme to be available to update

Site: https://olivercopper.com/

PW: skeich

[Ujjaval]

@OC4 add below css into base.css file

#shopify-section-sections--18443019092242__header .header__menu-item:hover {
    color: #E2986A;
}

[zaczee]

Hi @OC4 ,

We need to modify the Js code to open the sub menu on hover. Also let us know which theme you are using ?

[OC4]

@zaczee I am using the Studio theme

[OC4]

@Ujjaval Is there a way to do that without going into the files? I am trying to not touch anything there, and only do the updates in the visual editor css box. when i put it in it works, but I can’t save.

[Ujjaval]

@OC4 why don’t you put that code into base.css file?

[OC4]

@Ujjaval I guess I’m just nervous as it has this notice

[Ujjaval]

@OC4 create new custom css file and add code into that.