How can I modify the Mega Menu in Dawn Theme for hover functionality?

Store Design
, ,
1

Hello,

Apologies if this is against the community guidelines but all the questions are linked to the same puzzle I’m stuck on.

  1. Where abouts in the code can I add in a functionality where the drop down menu opens when hovered over?

  2. I would like to have the main parent collections to be bold, and the rest left alone as it’s currently formatted.

My site is highstudio.co.uk - there is no password protection.

Thanks!

2

Hi @Guam ,

Please go to Actions > Edit code > Sections > header.liquid file, find ‘StickyHeader’ and add code here:

Screenshot.png
Screenshot.png1610×869 46.8 KB

Code:

Hope it helps!

3

Hi @Guam ,

This is PageFly - Free Landing Page Builder.

You can add this code into your theme.liquid above the tag

header-menu > details { font-weight: bold; }

Hope this can help you solve the issue

Best regards,

PageFly

4

That worked a treat, thank you!

5

When i do this, i cannot click on any of the links. It will dissapear as soon as my mouse leaves the header. So the menu shots down so you can’t click on the items.