Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Fixed Menu Scrolling Problem

Home Forums Latest release 1.1.x Fixed Menu Scrolling Problem

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #8412
    U238
    Participant

    Hi. My smartmenu has fixed property (position:fixed in css). Also there are some submenus. On mobile phones when the menu and some submenus are visible, scrolling doesn’t work. Therefore some of menu items and sub menus are not reachable. They are off the screen and because of scrolling not working I am not able to see and click them. When I set the smartmenu’s position absolute, everything is fine.There is a bootstrap example for fixed menu
    http://vadikom.github.io/smartmenus/src/demo/bootstrap-4-navbar-fixed-top.html
    But the scrolling doesn’t work either if you check it on a mobile phone or small screen.
    Is there any way to fix that problem.
    Thanks

    #9111
    garyseven
    Participant

    Is there a solution to this? I have run into the same problem.

    #9115
    garyseven
    Participant

    in case anyone needs this, i figured it out.

    there may be a better way, and this may not handle all devices

    /*Scroll mobile menu*/
    @media (max-width: 767px) {
    .overflow-y-menu {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /* mobile safari */
    height: calc(100vh – 85px);
    }
    }

    <div class=”collapse navbar-collapse overflow-y-menu” id=”navbarNavDropdown”>

    #9116
    garyseven
    Participant

    small update…
    needs “nowrap”

    /*Scroll mobile menu*/
    @media (max-width: 767px) {
    .overflow-y-menu {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /* mobile safari */
    height: calc(100vh – 85px);
    white-space: nowrap;
    }
    }

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘1.1.x’ is closed to new topics and replies.