Mobile behavior on all breakpoints (xs, sm, md & lg)> style css + click on items

Home Forums Older releases 1.0.x Mobile behavior on all breakpoints (xs, sm, md & lg)> style css + click on items

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #3454
    kumkum
    Participant

    Hello,

    On my site, I want to place a collapsed menu (main menu) on all the bootstrap breakpoints and keep the mobile behavior for all these resolutions (xs, sm, md & lg).

    For this time, I force the display of the collapse button in my header and get the collasped menu.

    On mobile and with the opened menu, we have the good behavior and we click on the menu items to expand/unexpand submenus… But on the other resolutions (sm, md & lg), the submenus appears with a hover behavior. Can I force the effects css & click on items actions (of sm) for all the resolutions?

    How can I proceed to resolve this problem? I have tested with a javascript on my menu without sucess :

    
    $('.navbar-collapse #main-menu').addClass('sm sm-collapsible').smartmenus({
    	showOnClick:true,
    });
    

    I’m use this menu on Drupal with Bootstrap. Is a problem related to Bootstrap?

    Thanks for your help!!!
    And happy New Year !

    #3455
    kumkum
    Participant

    In this post I read a similar issue: https://www.smartmenus.org/forums/topic/suggestion-functionality-for-mobile-responsive-to-be-available-for-desktop/.

    But I get always a hover effect when I hover the menu item on desktop resolution.

    I use an additonal .js with my site : jquery.smartmenus.bootstrap.js. Maybe that the javascript broke the click behavior?

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.

Register

You will be emailed a link to set your password.

Login

Lost password?