I've created an accordion menu using <details> disclosure element but its missing 2 key elements ( an auto open close ) e.g. if one section is clicked any open section closes automatically. Also as I'm using 5/6 + 1/6 on my layout when it goes to a tablet it needs to stretch full width.
I would also want the menu to start closed and only open when clicked.
Is there any plugin you could recommend that meets this criteria, thats also compatible with WP Bakery?
Hi Tahir wished Id seen these featureas before today . . . somehow that wasnt on my radar . . . could of saved me hours and a few quid. That works perfectly . . . bar the text in the section that opens . . . I tried setting the column font to black
tried adding an extra class to the text block . . . adding
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.toggles.accordion p a {
color: #000 !important;
}
On this page :
https://acux.co.uk/access-control-automation/
I've created an accordion menu using <details> disclosure element but its missing 2 key elements ( an auto open close ) e.g. if one section is clicked any open section closes automatically. Also as I'm using 5/6 + 1/6 on my layout when it goes to a tablet it needs to stretch full width.
I would also want the menu to start closed and only open when clicked.
Is there any plugin you could recommend that meets this criteria, thats also compatible with WP Bakery?
Cheers
Jason
Hey Again,
I see you are trying out a Third Party Plugin. Let us know if you need further help.
Best
ThemeNectar Support Team
Hi Tahir that plugin didn't work . . . I bought it years ago . . .and the reviews sum up the quality and the support : https://uk.trustpilot.com/review/wpshopmart.com
Ive now tried getting this to work . . .
https://stackoverflow.com/questions/63786468/how-to-disable-auto-scroll-in-javascript-accordion?rq=1
But I've used code snippets and the salient portion to add the java and I can't get it to work.
Any ideas ?
Try using the Toggle Feature in Salient :
.
Thanks
ThemeNectar Support Team
Hi Tahir wished Id seen these featureas before today . . . somehow that wasnt on my radar . . . could of saved me hours and a few quid. That works perfectly . . . bar the text in the section that opens . . . I tried setting the column font to black
tried adding an extra class to the text block . . . adding
.black-text {
color:#000 !important;
}
Still show the green colour on the text :(
What am I doing wrong?
Can you help again?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.toggles.accordion p a { color: #000 !important; }Thanks
ThemeNectar Support Team