Menu items overlapping on mobile device.

This topic has 4 replies, 2 voices, and was last updated 5 years, 4 months ago ago by Rose Tyler

  • Avatar: lechckrol
    lechckrol
    Participant
    December 14, 2018 at 13:59

    I have created a menu with the following structure: produkty->dodatki-> [list of items]
    After clicking “dodatki” a list of items for this menu level are displayed properly.
    Unfortunately, after clicking “dodatki” some items from 2nd and 3rd level are displayed one over the other.

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 14, 2018 at 14:17

    Hello,

    Please add this code in Theme Options > Custom css > Global custom css:
    .mobile-menu-inner {display: table;} Then clear cache and let me know the result.

    Regards

    Avatar: lechckrol
    lechckrol
    Participant
    December 14, 2018 at 14:33

    I didn’t help. I cleared web server cache as well as cache in my browser. Alas, I noticed that the problem exists on iPhones (Safari & Chrome browsers) and the menu displays properly on Android phone (Chrome).

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 14, 2018 at 15:04

    In this case, try to change the previous code to:

    .mobile-menu-inner {
        height: 100%;
    }

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.