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.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024