How to make Nav Menu Hover drop down instead of click drop down in Dawn Theme

Store Design
1

Hi All,

Faucetpet_0-1660527380603.png
Faucetpet_0-1660527380603.png1551×792 198 KB

Faucetpet_1-1660527869240.png
Faucetpet_1-1660527869240.png1182×458 197 KB

  1. I’d like to Figure out how to make nav menu drop down by hover instead of regular click drop down and to make it mega menu as well. I want it to look similar like the bottom image looking more organized dropdown and font wise4
  2. I also would like to find out how to make the Font smaller and bolded for the Title “Faucet Pet Parts” & “Faucet Pet Stainless Steel Filters”
1 Like
2

@Faucetpet May this help you. Click Here.

3

@Faucetpet

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

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

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

4

Hi Ketan

www.faucetpet.com

Password: Faucet

1 Like
5

@Faucetpet

Mega Menu without any app

6

Thank you,

Now how do i lower the font size in the main nav text before the drop down into the sub menus?

1 Like
7

@Faucetpet

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.header__submenu .header__menu-item span {
    font-size: 18px;
}
1 Like
8

Hi,

It works but if you go on website now im having issue with not being able to click dropdown for Faucet pet stainless steel filters section

1 Like
9

@Faucetpet

thanks i can see its work as well

10

Yes,

But the code give issue for the drop down I cant use it cause it wont allow me to hover on the second sub menu option as it keeps closing off on

1 Like
11

@Faucetpet

can you please send video

12

Please go to my website and hover over filters and parts and try to go to Faucet pet filters section. you will see what im talking about then

1 Like
13

@Faucetpet

can you please show me …

14

How am i going to show? Please go on website, my drop down menu wont stick when trying to hover over Faucet Pet Part Section

1 Like
15

@Faucetpet

can you please revert you hover code ?