Mobile Accordion Navigation - by fourth-element

This topic has 6 replies, 2 voices, and was last updated 7 years, 2 months ago ago by Rose Tyler

  • Avatar: fourth-element
    fourth-element
    Participant
    August 22, 2017 at 11:01

    Is there a setting in the CMS that allows the accordion menu for secondary and tertiary levels of navigation to be revealed if you click the title of that category and not the arrow on the side.

    I would like to reveal the dropdown (next level of navigation) when clicking the category title and have double tap to go activate the main category link on the second click.

    At the moment you can only reveal the secondary set of navigation when clicking on the arrow.

    I have seen that the arrow is absolutely positioned and is separate form the main title but I would like them to be together and act as one link but doing two jobs with the first click activating the accordion and the second click activating the link.

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 23, 2017 at 12:06

    Hello,

    Please try to select Menu design > Mega menu open by click and add this code in Theme Options > Custom css:

    .mobile-nav li.open-by-click.over > .open-child {
        width: auto; 
    }
    

    Regards

    Avatar: fourth-element
    fourth-element
    Participant
    August 23, 2017 at 14:58

    Ok thanks

    This has not worked and the the options you have mentioned e.g.. select Menu design > Mega menu open by click and add this code in Theme Options > Custom css: does not exist?

    i added the css in my core stylesheet instead.

    Is this menu “mega-menu” if so, it is not showing up in my CMS and mega menu has the option i am looking for available within its CMS settings.

    Could you advise further.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 23, 2017 at 16:18

    Hello,

    Please see screenshot http://prntscr.com/gc4cir

    Regards

    Avatar: fourth-element
    fourth-element
    Participant
    August 30, 2017 at 16:10

    Sorry for the late reply

    Thanks for pointing out where the option was.
    Unfortunately this has worked but not how I would like it too.

    I can now click click the primary nav link and it will open the sub navigation but now that primary navigation button isn’t active. I also cant add double tap to go because it is no longer associated as a link to another page it is associated to opening the sub navigation. This is the situation for both desktop and mobile navs.

    Also I now have to click to open the sub navigation on desktop when I would like that to still be opened on hover.

    What I am looking to achieve is:
    i. The primary navigation to open the sub navigation on hover when on desktop
    ii. The primary navigation to activate the link when clicked on desktop
    iii. The primary navigation to open the sub navigation on first click and the link on second click when on Mobile

    Please note on mobile I understand that the only way to then close that accordion category will be to click another accordion button, but this is fine.

    This is possible when using max mega menu and there is an option to change this in the CMS. Is this possible using your navigation.

    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 31, 2017 at 09:00

    Hello,

    Unfortunately seems it is not possible. All available settings you may find in our documentation and in menu settings. Your query requests additional customization which is beyond our basic support scope.

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.