Return to previous page

Menu items overlapping on mobile device.

This topic has 4 replies, 2 voices, and was last updated 5 years, 10 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.
    #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

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Business 02 – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Cosmetics 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.