Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #724363

    Is it possible to change the icon-menus behavior (as shown in this demo:
    I want it to open a sub-pages on a new “page” instead of showing the sub-pages under when hovering.

    Let’s say I have a menu with the following menu-items.
    Item 1 – with 2 sub-items
    Item 2 – with 2 sub-items
    Item 3 -with 2 sub-items

    Is it possible to make menu opening a sub-menu with the sub-items when clicking on Item 1 instead of going to Item 1’s page?
    So the sub-items generates a new menu when clicking on of the main menu items?

    Does it makes sense?



    I am not sure if i understood you. Do you have an example site where we can see the feature you would like to recreate?

    Best regards,


    You can see an example of the idea here:

    On click on the arrow newx to a menu-item a sub-menu folds out.

    Either that – or if it’s not possible – a solution where the sub-menu folds out like an accordion:

    Does it make sense?



    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    We recommend to search for a plugin with such a feature. Uber menu was mentioned before by some other customers.

    Best regards,



    To expand or collapse the submenu items in mobile please add the necessary CSS to Quick CSS and Js code to functions.php file from this link

    CSS code:

    #mobile-advanced .hideSubmenu ul.sub-menu {
    .subMenuIcon {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 99999;
        font-size: 20px;
        background: gold;
        min-width: 48px;
        min-height: 48px;
        line-height: 48px;
        text-align: center;
    @media only screen and (min-width:767px){
    .subMenuIcon { 

    Js Code:

    function ExpandSubmenuInMobile(){
        jQuery(document).ready(function() {              
          var menuItem    = jQuery(''),
              subMenuIcon = jQuery('.subMenuIcon');      
          menuItem.each(function() {        
            jQuery(this).prepend( "<div class='subMenuIcon'>+</div>" );
          jQuery(document).on('click', '.subMenuIcon', function () {
            console.log('menu was clicked');
    add_action('wp_footer', 'ExpandSubmenuInMobile');

    Best regards,

    • This reply was modified 7 years, 6 months ago by Vinay.
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.