Expand mobile menu on text click, not on arrow click

Free and Premium WordPress Plugins & Themes Forums WordPress Themes Booklium Expand mobile menu on text click, not on arrow click

  • This topic has 0 replies, 1 voice, and was last updated 1 year ago by Citibay.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #1015786
    Citibay
    Participant

    I am using a parent menu entry with submenu items. On a mobile device, this parent menu item only expands when clicking on the arrow.Is there any possibility of making the whole row / text clickable? So that wherever I click on that row, the dropdown menu expands?

    ive added some css:

    @media (max-width: 474px){
    body.site-boxed .main-navigation .submenu-toggle, body.site-wide .main-navigation .submenu-toggle {
        width: 100%;
    }	
    .submenu-toggle:before {
        float: right;
        padding-right: 10px;
    }	

    }
    provisionally that do the trick but now the parent menu is not clickable any more on mobile.

    i think it needs some jquery function which do this:

    -first click on the text of the parent menu expand the drop down.
    -second click on the text of the parent menu open the link of the parent menu.

    how could that be realized with jquery?

    thank you and best Regards

Viewing 1 post (of 1 total)
  • You must be logged in to reply to this topic.