×
Support Offline :
Mon - Fri / 08:00am - 05:00pm (GMT +7)
Your Time:
Our Time:
Forum
JUX Member Forum - Restricted to Members Only
JUX Mega Menu Extensions
JUX Accordion Menu
Jux Accordion Menu
Jux Accordion Menu
Less
More
Posts: 8
Thank you received: 0
1 month 3 weeks ago #42415
by Sandy Mikami
I have set a Jux accordion menu to show three menu levels, but only two menu levels are showing. The module settings I have used:
Start level: 1
End level: All
Type of Accordion: Click
Multi-accordion levels: Level 3
Advanced:
Parent items link: Yes
What am I doing wrong? If there is some other place to enter settings, I can't find it.
Please Log in or Create an account to join the conversation.
Less
More
Posts: 782
Thank you received: 72
1 month 3 weeks ago #42417
by Jackie
Hi.
I have checked the menu with 4 level, it still works fine.
prnt.sc/-M_zS4OxuQFZ
Please provide us with your site URL, admin account. We will access your site to help you check the issue.
Regards.
Best regards.
Jackie Nguyen.
Please Log in or Create an account to join the conversation.
Less
More
Posts: 8
Thank you received: 0
1 month 3 weeks ago #42418
by Sandy Mikami
Ah - I understand the issue now. I have changed the plus and minus icons to white, and I could not see the white 'plus' icon on the light grey background of the level 2 menu item. Can you please give me the code to change the text colour and background colour of the level 2 menu items (currently black text on light grey).
Please Log in or Create an account to join the conversation.
Less
More
Posts: 782
Thank you received: 72
1 month 3 weeks ago #42419
by Jackie
Hi.
You can use the custom CSS below to change the level 2 background color:
1. Activate bg color:
#jux_accord-menu .menu_head.active {
background: #ab9243;
}
2. level 2 bg color:
#jux_accord-menu div.menu_body p {
background color: #e5e5e5;
}
3. level 2 text color:
#jux_accord-menu div.menu_body p a span, #jux_accord-menu div.menu_body p span span {
color: #000;
}
Please recheck it.
Regards.
Best regards.
Jackie Nguyen.
Please Log in or Create an account to join the conversation.
Less
More
Posts: 8
Thank you received: 0
1 month 3 weeks ago #42420
by Sandy Mikami
Below is the complete custom code I have used for the menu, but the background colour of level 2 has not changed (should be #99999 but it's still #e5e5e5). I have emptied the cache and tried on another browser. Can you advise?
#jux_accord-menu .menu-title {
font-weight: 400;
}
#jux_accord-menu .menu_head.active {
background: #ab9243;
}
#jux_accord-menu .menu_head {
background: #1a1a1a;
}
#jux_accord-menu .menu_head.active:hover, #jux_accord-menu .menu_head:hover {
color: #000000;
background: #ab9243;
}
#jux_accord-menu div.menu_body p {
background color: #999999;
}
#jux_accord-menu div.menu_body p a span, #jux_accord-menu div.menu_body p span span {
color: #000;
}
Please Log in or Create an account to join the conversation.
Less
More
Posts: 782
Thank you received: 72
1 month 3 weeks ago #42421
by Jackie
Hi.
I see your issue from your CSS code.
#jux_accord-menu div.menu_body p {
background color: #999999;
}
this should: background-color, not the "background color". You missed "-" string.
Please recheck it.
Regards.
Best regards.
Jackie Nguyen.
Please Log in or Create an account to join the conversation.
Less
More
Posts: 8
Thank you received: 0
1 month 3 weeks ago #42424
by Sandy Mikami
Thank you - sorry, one more question. What's the code for changing the hover and active state for second level menu items? (Need to change background colour.)
Please Log in or Create an account to join the conversation.
Less
More
Posts: 782
Thank you received: 72
1 month 3 weeks ago #42430
by Jackie
Hi.
For the hover and activate background color from level 2, you can use the custom CSS below:
// The CSS for hover
#jux_accord-menu div.menu_body p:hover, #jux_accord-menu div.menu_body p.active:hover {
background: #7d3f3f;
}
// The CSS for activate
#jux_accord-menu .menu_head.active {
background: #ab9243;
}
Please recheck it.
Regards.
Best regards.
Jackie Nguyen.
Please Log in or Create an account to join the conversation.
Forum
JUX Member Forum - Restricted to Members Only
JUX Mega Menu Extensions
JUX Accordion Menu
Jux Accordion Menu
Time to create page: 0.064 seconds