Re: How to amend the mobile background color of the drop down menu of dawn theme 9.0.0?

Solved

How to amend the mobile background color of the drop down menu of dawn theme 9.0.0?

Michelletmxz
New Member
19 0 0

Hello,

 

I am experiencing issues on the mobile interface. As per the image below, when i select "All Clothings", the menu turned blacked. I appreciate some help here to resolve this. I did not want to upgrade as I did multiple codings. Thanks in advance!

 

 

Accepted Solution (1)
webwondersco
Shopify Partner
1132 167 165

This is an accepted solution.

@Michelletmxz , Please add the below line of CSS code at the end of your base.css file.

 

body .meteor-menu[data-meteor-template=vertical] .m-back,
body .meteor-menu[data-meteor-id="YBsWJZ"][data-meteor-template="vertical"] a{
color:#000 !important;
}
.header .meteor-menu{
	background-color:rgb(var(--color-background)) !important;
}

 

I hope this will work fine for you.

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram

View solution in original post

Replies 7 (7)

webwondersco
Shopify Partner
1132 167 165

Hi @Michelletmxz ,

 

Hope you are doing well.

 

Could you please share your store URL so I can check and help you with your website issue?

 

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
Michelletmxz
New Member
19 0 0

Hello @webwondersco , 

 

Thanks for the quick response! I am well, thank you! My store URL is palmierile.com

 

Cheers!

 

 

webwondersco
Shopify Partner
1132 167 165

This is an accepted solution.

@Michelletmxz , Please add the below line of CSS code at the end of your base.css file.

 

body .meteor-menu[data-meteor-template=vertical] .m-back,
body .meteor-menu[data-meteor-id="YBsWJZ"][data-meteor-template="vertical"] a{
color:#000 !important;
}
.header .meteor-menu{
	background-color:rgb(var(--color-background)) !important;
}

 

I hope this will work fine for you.

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
Michelletmxz
New Member
19 0 0

Hello @webwondersco !

You are remarkable! It works so perfectly! Thank you so much! If it is not too much to ask, can I also enquire on gift card? I have added a new asset "Gift_Card.png". However, I am unable to add the image to the gift card. I would like to also remove the duplicated brand name PALMIER ILE on the gift card. Please see below a sample test. It will be awesome if you could help me resolve this as well. 

 

Cheers,

Michelle

 

Michelletmxz_2-1686913757828.png

 

 

 

 

 

 

webwondersco
Shopify Partner
1132 167 165

Could you please share the URL? I am not able to see this on the website.

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
Michelletmxz
New Member
19 0 0

My sincere thanks and appreciation for @webwondersco for helping with resolving the menu and gift card issue I am facing. Very professional and very helpful. 🙂

Michelletmxz
New Member
19 0 0

Hello @manuelzambrano8 , 

 

Thanks for initiating to help. I have reverted back to the original version which is now working. At the moment, I would need some help with regards to the mobile interface. As you can see, the drop down menu turns black when I click All Clothings. Please do let me know if you have any solutions to this without upgrading to 10.0.0. 

 

Michelletmxz_0-1686840932031.png