Support » Theme: SpicePress » menu problem on mobile devices

  • Hello,

    did you recognize that your menu on spicepress and chilly theme is a problem on mobile devices when you have more than one level? 

    In the desktop version there is no problem because mouseover opens the second level.

    If i have two or more levels and i click the menu on my android device then it opens -> i click the second level to see the menus and in the moment the menu is loading it loads also the site from first level. In this moment the menu is closed and i have to try again -> same problem. So every menu in second level can only be seen for a very short moment!

    Is it possible to fix this? The menu should stay open when you click to see the second level. 

    Please help!

    Ronny

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi Ronny

    You have made your parent menu as a page menu. We are working on the feature to open sub menu in mobile on click with parent menu link Like page . Please wait for our next update while now you can follow bellow steps.
    Please make a custom link and make this your parent menu.
    Please follow this link to add custom link in menu https://easywpguide.com/wordpress-manual/appearance/updating-the-menu/adding-a-custom-link-menu-item/

    Now remove custom link URL and save the menu and assign them all the sub menu of this parent menu.

    Have a look in attached screen shot http://prntscr.com/lw2d70

    And save menu. Let me know did it work for you or not.

    Thanks

    If you add this to the EXTRA CSS in the customizer, you mobile menu will always be expanded, which will make it workable.

    @media (min-width: 100px) and (max-width: 990px) {
    .navbar-nav .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    display:block;
    margin-top: 0;
    /* change this to override theme color
    background-color: ; */
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

    .animated {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
    -webkit-animation-fill-mode: none !important;
    animation-fill-mode: none !important;
    }

    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘menu problem on mobile devices’ is closed to new replies.