Mobile Style for Menus

[melissaekstrom]

I'm having the following style issues with the mobile version of my site:

1. Hamburger menu on mobile is dark and challenging to see (pictured with a pink box around it). How do I change this to a lighter color?
2. Menu background of active menu item changes from purple to green for the active menu item and all it's sub-menu items. I would like the background of the sub-menu items to remain purple with green text. (in the attached example: "Food" is the active menu item and "Alternatives", "Beans", "Bread", etc are sub-menu items). I would like to keep the menu style for the desktop version as it is currently configured.

I cannot find where to make these changes. Please advise.

 

[Satyendraa]

Hello there,

1. Could you please share your website address, So that i can check it.
2. To change menu color in mobile view just go to "Appearance > Customize > Color and Background > Header > Mobile/Pan Color"
Adjust your color here.

This will help you.

Kind Regards

 

[melissaekstrom]

Hello Satyendraa,

1. www.favfarm.org - I tried searching for this setting in the customizer and tried to search for the element name to override the CSS, but was unsuccessful with each attempt. Please let me know what you think.

2. Thank you! I was able to change the mobile menu style and format to something satisfactory. I was trying to achieve two different styles with the mobile submenu and desktop submenu. There is not a configuration to change submenu colors in the customizer. As a work around I removed the submenu altogether and ultimately think that the end result is a better user experience.

Thank you!
Melissa

 

[Satyendraa]

Hello there,

Use this code in Additional CSS "Appearance > Customize > Additional CSS"

@media screen and (max-width: 767px) {
.menu-toggle .icon-bar {
    background-color: #ffffff;
}
}

This will help you.

Kind Regards

 

[melissaekstrom]

That worked like a charm. Thank you!!

 

[Satyendraa]

Hello there,

We are running "Happy Members" program.
In which we will feature your website and a short testimonial at https://www.support.themehunk.com/ .
To join this program you just need to fill details asked here https://support.themehunk.com/happy-members

Kind Regards