Changing the color of the mobile menu

4 years, 9 months ago EmmaBlueprint
Member

Hi,

In the menu dropdown that appears for mobile and narrow screens generally (under about 1000px), the background for all the menu items is brown, which conflicts with the skin we’ve created for our site.

How can we change this to a different colour? I’ve been unable to craft an additional css that doesn’t also impact the standard wide screen non-dropdown menu, and the menu in the footer.

Thanks

E

4 years, 9 months ago DT Team !!!
Keymaster

Hi.,

Thank you for contacting us.

Get into Admin Panel > Appearance > Customize > Additional CSS > Pasted the below css code inside the text area > Save All.

@media only screen and (max-width:767px) {
#main-menu > ul.menu { background-color: #96836a; }
}

Change the background color as per your needs.

4 years, 9 months ago EmmaBlueprint
Member

thanks

4 years, 9 months ago DT Team !!!
Keymaster

Hi.,

Hope your issue is resolved now. If still facing any kind of issues or need any support for this theme, kindly get back to us. We are happy to help you

Thank you, we look forward to helping you!

Rating!!

We hope you had a great experience with our theme and support. Please take one minute to share your feedback by clicking on a rating below.

Kindly refer the attached url : http://recordit.co/YqdTBuEJRm

Hoping for a 5 star rating from your end 🙂 Thank you, we look forward to help you!!.. ????

Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘Humanity | NGO & Charity WordPress Theme’ is closed to new topics and replies.