Return to previous page

Menu items overlapping on mobile device.

This topic has 4 replies, 2 voices, and was last updated 6 years 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.
    #205997 Copied Theme version: 5.1.3 WooCommerce version: 3.5.2
    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

    #205999 Copied
    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).

    #206000 Copied
    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

    #206001 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Sport Store – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Babyland 01 – WordPress WooCommerce Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme

See All Templates

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