Dawn Theme | Changing highlight color in drawer

Solved
Alventura
Excursionist
19 0 8

Hi all,

I'm having some trouble changing the highlight and bottom bar color in the drawer on Dawn theme from grey to black, could someone help me with doing this?

1.png

 


 

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
2535 301 634

This is an accepted solution.

@Alventura 
Paste this code on top of the component-menu-drawer.css file.

.menu-drawer__utility-links {
    background: transparent !important;
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Replies 14 (14)
Zworthkey
Shopify Partner
2535 301 634

Hii, @Alventura 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Alventura
Excursionist
19 0 8

Hey @Zworthkey, thanks for your help

victorvictorpaul.com

Zworthkey
Shopify Partner
2535 301 634

Hii, @Alventura 
Kindly share your store password so,
I can solve it perfectly.
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Alventura
Excursionist
19 0 8

Sorry about that @Zworthkey - stotoh

Zworthkey
Shopify Partner
2535 301 634

@Alventura 
You want to make text color black or  text background color black.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Alventura
Excursionist
19 0 8

@Zworthkey these are the settings that I have for text/bg color, are you talking about something else?

Screen Shot 2021-10-29 at 8.35.34 AM.png

Zworthkey
Shopify Partner
2535 301 634

@Alventura 
Paste this code on top of the component-menu-drawer.css file.

a.menu-drawer__menu-item.list-menu__item.link.link--text.focus-inset.menu-drawer__menu-item--active {
    background: transparent !important;
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Alventura
Excursionist
19 0 8

Hi @Zworthkey 

Your code made the grey highlight for the current page transparent which I think I like more than the black I initially wanted so thanks a bunch

The only issue now is grey still shows on the bar at the bottom and when you hover over a main menu item like I did below on Welcome. Is it possible for these to be black, if not, transparent is fine.

Screen Shot 2021-10-29 at 9.55.16 AM.png

Zworthkey
Shopify Partner
2535 301 634

@Alventura 
Paste this code on top of the component-drawer-menu.css file.

ul.menu-drawer__menu.list-menu li {
    background-color: black !important;
}
.menu-drawer__menu-item {
    color: white !important;
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com