• Your query is valuable for us, you can post your query any time.
    We are ON in week days. You will get instant support in our working hours.
    We are little slow in non-working hours, but you will get response in maximum 24 hours.
    Our working timing is
    [10:00 AM (IST) - 7:00 PM (IST)]
    [6:30 AM (CET)- 3:30 PM (CET)]
    [12:30 AM (EST) - 9:30 AM (EST)]

    Login Rules
    1. Premium users can login directly using aMember credentials, Created at the time of purchase.
    2. Free users can re-register to access forum using this link : Register Here.


  • Recently WordPress releases a new update with version 5.5. In that we got many new features.
    So we also updated our theme according to it. And uploaed all latest version in "Members Area"
    You can download latest version from your acocunt and update your theme.

    You can follow this link to get update process: Click Here

Mobile Style for Menus

#1
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.
 

Attachments

Satyendraa

Moderator
Staff member
#2
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
 
#3
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

Moderator
Staff member
#4
Hello there,

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

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

Kind Regards