Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Having an issue with my Mega Menu. When on mobile view, the background become transparent and the links are left floating and hard to read. Any help would be greatly appreciated!
URL: https://twineandstable.com/
Solved! Go to the solution
This is an accepted solution.
You can change your mega menu background on mobile by adding the following CSS code to your theme's stylesheet (usually theme.scss.liquid
or theme.css
in the Assets folder):
.menu-drawer {
background: #8d7b68;
}
This will set the background color to the specified shade of brown. Feel free to replace #8d7b68
with any color you prefer. Save the changes, and it should resolve the issue on mobile view. Let me know if you need further assistance!
This is an accepted solution.
You can change your mega menu background on mobile by adding the following CSS code to your theme's stylesheet (usually theme.scss.liquid
or theme.css
in the Assets folder):
.menu-drawer {
background: #8d7b68;
}
This will set the background color to the specified shade of brown. Feel free to replace #8d7b68
with any color you prefer. Save the changes, and it should resolve the issue on mobile view. Let me know if you need further assistance!
Thank you Weaverse! Quick fix 🙂 your are awesome!
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025