Solved

Changing header icons and navigation menu color in mobile version only - Dawn

Olga_MLB
Excursionist
18 1 1

Hi everyone! 

 

I changed color of header icons and navigation menu text in desktop version, but can’t do the same in mobile version. White color is hardly readable. Could you please help with the code? 

 

Olga_MLB_0-1668505127574.jpegOlga_MLB_1-1668505137133.jpeg

 

Your help is much appreciated!

Regards,

Olga

www.mylittlebunny.nl 

 

 

Accepted Solutions (3)

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

Hi @Olga_MLB 

 

I would like to give you some recommendations to support you.

Please go to Online Store > Themes > click 3 dots button > Edit code >Base.css and code at the end of the file Base.css 

 

 

 

.header__icon--cart .icon, .header__icon .icon {
      color: #648b80 !important;
}
#menu-drawer .link--text {
   color: #648b80 !important;
}

 

 

 

Hope my recommendation can support for you! 😁


Kind & Best regards!
GemPages

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Olga_MLB
Excursionist
18 1 1

This is an accepted solution.

Hi @GemPages !

 

Thank you son, much! It works) 

But only “Inloggen” (LogIn) button remains white. Is it possible to fix? 

 

Olga_MLB_0-1668506994551.jpeg

 

Best regards,

Olga

mylittlenummy.nl 

View solution in original post

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

You can add the following code after the above code at the end of the file base.css

 

.menu-drawer__account {
      color: #648b80 !important;
}

 

Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 5 (5)

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

Hi @Olga_MLB 

 

I would like to give you some recommendations to support you.

Please go to Online Store > Themes > click 3 dots button > Edit code >Base.css and code at the end of the file Base.css 

 

 

 

.header__icon--cart .icon, .header__icon .icon {
      color: #648b80 !important;
}
#menu-drawer .link--text {
   color: #648b80 !important;
}

 

 

 

Hope my recommendation can support for you! 😁


Kind & Best regards!
GemPages

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Olga_MLB
Excursionist
18 1 1

This is an accepted solution.

Hi @GemPages !

 

Thank you son, much! It works) 

But only “Inloggen” (LogIn) button remains white. Is it possible to fix? 

 

Olga_MLB_0-1668506994551.jpeg

 

Best regards,

Olga

mylittlenummy.nl 

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

You can add the following code after the above code at the end of the file base.css

 

.menu-drawer__account {
      color: #648b80 !important;
}

 

Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Olga_MLB
Excursionist
18 1 1

Thank you, @GemPages ! 

Now works perfectly!! 

 

Regards,

Olga

GemPages
Shopify Partner
5588 1261 1203

I am glad that my recommendation is helpful to you 😁.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center