[Orneryboy]

First of all, I just wanted to say thank you for such a polished, elegant theme. I love it! Even though I’m not an expert with CSS, I was able to quite easily customize it to my liking, mostly with information I found in this forum.

I’m just having one problem… I added custom CSS to change the styling of my sidebar menu, without realizing that I was ALSO affecting the styling of the dropdown menu that appears on smaller screens. So it looks great on my computer, but looks a bit strange on a phone or tablet. Is there any way to change each menu style independently?

Thank you very much for any help you can offer.

[Theme Horse Support Team]

Hello there,

To change the background color of sidebar just use the below custom CSS code:

#page:before {
	background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
	.main-navigation li,
	.main-navigation ul li ul li {
		border-color: rgba(0, 0, 0, 0.2);
	}
}
@media only screen and (max-width: 767px) {
	.site-header {
		background-color: #ffffff;
	}
}

Note: Change above HEX color code #ffffff to your own HEX color code to change the background color.

Thank you!

[Orneryboy]

Awesome, thank you!

[Theme Horse Support Team]

Welcome anytime @hello13

[Author]

Posts