Shopify themes, liquid, logos, and UX
Hello, this is my site: https://www.pablopier.com/ . My header menu is excellent when i open it from big screens.
But when i try to opoen it with small screen, like phone, this is what i see:
1.background is not fully white
How to make this menu with white background color when i see it from phone. Thank you.
Solved! Go to the solution
This is an accepted solution.
Hey @PabloPier
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
nav.menu-drawer__navigation {
background: white !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @PabloPier
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
nav.menu-drawer__navigation {
background: white !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @PabloPier
You set the background into transparent.
You can go into base.css and find this code.
It up to you if you like to remove or not. But this only show on the mobile. For me, it better to remove if you dont like your menu drawer transparent.
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025