Thank you!
Topic summary
A user is attempting to change their Shopify store’s navigation menu dropdown background to black, but previous CSS code attempts have failed. The site is unpublished, complicating troubleshooting.
Initial Solution:
- A helper provided CSS code to add to the base.css file:
details[open] > .header__submenu {
background: black !important;
}
- This successfully changed the navigation dropdown background to black.
Additional Request:
The user then asked about changing the variant picker dropdown (showing “Sweatshirt”) to have a transparent background before clicking, with no changes when expanded—similar to the Infinite Options variant options below it.
Follow-up Solutions Provided:
- CSS code for Infinite Options container text color
- CSS code for the variant selector dropdown:
variant-selects select.select__select {
color: white;
background: transparent !important;
}
- Additional code to change the dropdown arrow fill color to blue
Status: The discussion appears resolved, with the user thanking the helper for the solutions.