Dawn - making striped look by changing color in rows in mega menu

Store Design
1

Hi!

I want to make the drop down mega menu look striped by having the first row the color of Background 1 and the second row Background 2, and so on. Hope this makes sense!

https://xksd6alqrba3z0jb-61803987143.shopifypreview.com

2

Hi @JosephineJ That preview has no menu, always evaluate one off links.

PaulNewton_0-1665716131286.png
PaulNewton_0-1665716131286.png1366×768 114 KB

3

Hi @JosephineJ ,

You are wanting this, each line is a different Background Color:

Screenshot.png
Screenshot.png1905×236 22.6 KB

This is not possible, if you want, you need to edit the entire HTML of the file, it will be a complicated request.

Please describe it more, I will help you check it.

4

Hi @JosephineJ :waving_hand:

In Shopify Admin, you can go to Themes > Edit code, open file base.css and add this code snippet at the bottom

.mega-menu__list ul > li:nth-child(odd) {
    background-color: #9E9E9E;
}

.mega-menu__list ul > li:nth-child(even) {
    background-color: #FDD835;
}

Make sure to change the color values. Hope that helps!

5

Hi! that is the exact look im going for!

6

Hi! It only changed to “drawer” - part of the mega menu

7

Hi @JosephineJ ,

Are you wanting to look like the mockup I made above?

8

Yes exactly!

9

Hi @JosephineJ ,

As explained in the previous answer, it will be a complicated request and you need to edit the HTML of the file.

Therefore, the best way you should hire a professional for it, they will help you edit everything. Refer group: https://community.shopify.com/c/Shopify-Ecommerce-Jobs/bd-p/shopify-job-board

Hope it is clear to you.