How to add hover to show dropdown in navigation menu from Ira theme?

[mharis]

Hi,

Could you please show me how do I change the code for the navigation menu so that the dropdown shows on hover instead of clicking.

Theme: Ira Paid theme.

[KetanKumar]

@mharis 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[mharis]

https://bodybrics-testing-3.myshopify.com/

[KetanKumar · Accepted solution]

@mharis 

thanks for url can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/index.css ->paste the below code at the bottom of the file.

html:not(.no-js) .navigation__submenu {
background-color: var(--color-background-header);
top: 45px;
}
.header__links-list li:hover ul.navigation__submenu.fs-body-base {
    display: block;
}

[oscprofessional · Accepted solution]

Hi @mharis 

Please add the following code in index.css file

1)Go to Online store> Theme >Edit code
2)Asset> index.css

.header__links-list li:hover .navigation__submenu {
    display: block;
}