Streamline Theme: Change color of mobile menu only

Store Design
1

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

2

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!

1 Like
3

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!!!

4

Hi @dagern ,

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

5

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

Screenshot.png
Screenshot.png319Ă—413 58.3 KB

Hope it helps!

1 Like