Streamline Theme: Change color of mobile menu only

[dagern]

Hey,

can someone tell me where I can find and change the code for the mobile menu colour? 

I would like to have a distinct colour for the menu, but the theme only allows me to change all button colours together.

www.portraitoni.de

Thanks so much

Dennis

[LitCommerce · Accepted solution]

Hi @dagern,

Go to Assets > theme.css and paste this at the bottom of the file:

@media only screen and (max-width:768px){
	.btn.site-nav__thumb-button,
	.slide-nav__overflow--thumb .slide-nav__dropdown,
	.slide-nav__wrapper {
		background-color: #ef6f6c !important;
	}
}

Hope it helps!

[LitCommerce · Accepted solution]

Hi @dagern,

Go to Assets > theme.css and paste this at the bottom of the file:

@media only screen and (max-width:768px){
	.btn.site-nav__thumb-button,
	.slide-nav__overflow--thumb .slide-nav__dropdown,
	.slide-nav__wrapper {
		background-color: #ef6f6c !important;
	}
}

Hope it helps!

[dagern]

Thanks so much! That's already looking pretty good, 

I saw that there is too more elemtents that i need to be able to adjust to make it look good.

1. When a user has an item in cart another field within the button appears. How can I change the color of that one?

2. When clicking on Menu - "Häufige Fragen" there is a hover layer appearing. How can I change the color of that one?

Thanks so much!!!

[LitCommerce]

Hi @dagern,

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

[LitCommerce · Accepted solution]

Hi @dagern,

- 1: Please add code:

@media only screen and (max-width:768px){
	.site-nav__thumb-cart {
		background-color: #ef6f6c !important;
	}
}

- 2: I changed it in the previous tutorial and it is working fine

Hope it helps!