Hi, guys!
Can anyone please help me change menu bar background color to blue and make it full width?
Here is the page - https://xf06k0-hr.myshopify.com/?pb=0
Password: 123
Adding picture to understand the idea.
Thanks a lot! 
Topic summary
A user requested help changing their Shopify store’s menu bar background color to blue and making it full width.
Solution Provided:
- Initial guidance suggested adding CSS code to the
password.liquidfile above the</body>tag - The code snippet included styling to change the header background color and width
Resolution:
- The code didn’t work in
password.liquidas initially suggested - User successfully implemented the solution by placing the code in
theme.liquidfile above the body tag instead - The helper acknowledged the correction and confirmed this placement was appropriate
- User confirmed the solution worked and asked whether keeping code in
theme.liquidwould cause issues - Helper verified this approach was correct and wouldn’t cause problems
Status: Resolved successfully with working implementation.
1 Like
Hey @user7777
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find password.liquid file
-
Add the following code in the bottom of the file above tag
RESULT
If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Hi!
Thank you!
It didn’t work when I added the code in password.liquid file, BUT it did work when I added it above body tag on theme.liquid file.
Can I keep the code in theme.liquid file above body tag? It will not mess anything?
Thanks a lot for your help!
1 Like
Oh my bad! Yes you were supposed to add it in theme.liquid. Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
Best,
Moeed
1 Like
Thanks a lot
1 Like