How can I modify my website's header and dropdown menu?

Store Design
,
1

I’d like to resolve three things:

  1. Add a black separator line below the header;

  2. Change mega menu background color and center the items in it

  3. I’d like the mega menu to open as I go on it with the cursor. I don’t like arrows and click to open it.

Community - Dropdown Menu.png
Community - Dropdown Menu.png1920×1080 468 KB

2

Here is the point 1) result:

Community - Dropdown Menu (1).png
Community - Dropdown Menu (1).png1920×1080 481 KB

The line is not extended for the entire lenght and it is not at the exact bottom of the header.

Any tips to resolve this?

3

Here is the point 2) result:

Community - Dropdown Menu (2).png
Community - Dropdown Menu (2).png1920×1080 442 KB

It changed the collections’ background, not the mega menu’s one. Furthermore it didn’t center the items in the menu.

And sorry, another thing I would like to do here is to bolden the title of the lists in the menu (‘First Series’ and ‘L.Y.A.’ in this particular case).

4

Hi @MichKev22

We’re BSS Commerce - Shopify Partners & Experts providing Shopify apps and Store Development on Shopify & Shopify Plus.

We saw that you need to adjust header and dropdown menu. It’s what we can help with an optimal solution. If you need help from our expert, kindly share your request with us via Shopify experts. We will check it and give you a detailed solution.

We’re looking forward to working with you.

5

Hi @MichKev22 ,

Please refer the video below to implement the same.

Hope this will help…