Burger Menu Items Deflated And Active Page Highlighted
Frank
Hi Team, on a new page we have the situation, that we have a menu with main menu itmes (with no own content) and submenu itmes.
By click on a main menu item, the submenu deflates and the user chan choose and click.
But after opening the burger menu again, all menu itmes are deflatet - only main menu itens where visable.
What we want to realize: The Sub-menu item from the active page will be highlighted (bold) and the sub menu itmes of that lis will be deflated.
And in the moment a user clickt on another main menu item, the first subs will deflate and the clicked sub-menu deflated so that the user can choose and klick.
This is a solution is to see in many pages and i think the most user friendly version. I would be very happy, also be able to provide this user friendly level as wanted.
So - please let me know, how to set this?
Thank you
Rashida Rahman
Accepted AnswerHi Frank,
You are always welcome:)
Here are the screenshots of the changes within the custom code area of your template options:
https://share.cleanshot.com/dzXN66Dy
https://share.cleanshot.com/3kH2YPTB
I have added additional CSS for your new request. Please check now and let me know if it is okay now.
Best regards
Rashida Rahman
Accepted AnswerHello,
Sorry for the inconvenience. Please check the menu focus behavior now. And let me know if you need any further assistance.
I have added some Custom CSS and Javascript code inside the template "Custom Code" area to adjust the behavior.
Best regards,
Frank
Accepted AnswerHello Rashida,
thank you very much - that is the solution.
But - please explain exactly what you have added - and where - so that i never hae to ask again ;-) You can place a description pdf in images-folder for example.
Or will this functionality be part of a next update?
But ... after opening a page from the sub menu items, the full menu will appear in blue. It changes the colour, which is not ok. It would be ok, if only the active page will change the colour - but that is a deeper blue. #00347C
Thank you
Frank
Accepted AnswerGreat - thank you!
Frank
Accepted AnswerHello, sorry for opening this threat again ... the customers team - all - want to be able to collapse the sub-menu also.
Currently i can deflate the submenu by click - and it closes by click on another main menu item. But the cusomer strongly wants to be able to collappse it ba another click on the same main menu item.
Thank you for this urgend upport.
Best regards Frank
Rashida Rahman
Accepted AnswerHi Frank,
Can you share a screencast video explaining the requirement you are talking about, please?
Thanks!
Frank
Accepted AnswerHello, thank you ... you need a video to see what should happen?
- i click on any of the main menu items. The sub-menu items appear.
- i click again on the same main menu item - and i want, that this submenu items now will disappear.
open - close .. open -close ... please try to understand.
I made a video but no option to load up ... and i dont have any accoount for sharing. And i dont have a email to send it to you.
thank you
Rashida Rahman
Accepted AnswerHi Frank,
Sorry for the delay.
I think I got it and made some changes. But it needs a bit more work to make it smooth.
Did you check?
Frank
Accepted AnswerHello, yes - thank you. The basic functionality is ok ... but the visual is a bit unlogical - as it opens, closes and then suddenly stays open. Could you please sort this ? Thank you! Best regards Frank
Rashida Rahman
Accepted AnswerHi,
I’ve updated the main.js script from the template file, as shown here: https://share.cleanshot.com/MC9VjDnk. This isn’t usually required, but I had to make the update because the CSS conflict couldn’t be resolved otherwise.
Since template updates will overwrite this file, please make a note of the change and reapply it after future template updates to ensure everything continues to work correctly.
Regards