Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
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.
Hii, @Alventura
Kindly share your store URL so,
I can solve it perfectly.
Thank You.
Hii, @Alventura
Kindly share your store password so,
I can solve it perfectly.
Thank You.
@Zworthkey these are the settings that I have for text/bg color, are you talking about something else?
@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.
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.
@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.
Hi @Zworthkey
I want to thank you for all of your help with this so far, it is greatly appreciated. One more thing, it seems that the bottom bar in the drawer is still grey even with added codes.
The string for it appears to be:
<div class="menu-drawer__utility-links"><ul class="list list-social list-unstyled" role="list"></ul>
</div>
Is this portion part of the theme and can't be changed like the rest could?
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.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024