How can I change the color of the menu background in the mobile version so that it would be readable?
Link: https://alpadadoors.com
pass: yewyew
open code search for theme.css file and serach .drawer::part(base) may be line number is 941. and add the following property
background-color: red;
or at the end of the file add the following code
.drawer::part(base) {
background-color: red;
}
change the color according to your choice.
Hi @Daniil_P13 ,
I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!
Step 1: Go to Admin → Online store → Theme > Edit code:
Step 2: Search for the file theme.css. And add this code snippet to the end of the file.
For mobie view:
@media only screen and (max-width: 768px) {
.header-sidebar__linklist-button.h6 {
color: white !important;
}
}
In this step, you can change the color of sidebar as you want.
In my example, I choose white to readable this!
Step 3: Save your code and reload this page.
=>> The result:
I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.
Have a nice day sir!
2 Likes
Hello @Daniil_P13 ,
I understand you looking to provide background -color of the hamburger-menu items.
This can be implemented with the help of below CSS Code .
Add the code at the bottom of theme.liquid file before tag and save.
[Please feel free to change the background -color]
Output -:
I hope the code helps you.
Please share if you have any queries.
Thank you.
2 Likes
Would you help mine as well?
Would you help mine as well?