Okay
  Public Ticket #1179459
Bug problem with submenu in responsive view
Closed

Comments

  • princemedia started the conversation
    May 22, 2017 at 12:05pm

    Hello,

    we have a big problem with submenu in responsive view. It is not possible to navigate on tabletpc. Can you help me to fix this! In another themes the menu float to the left side if on the right side is not enough space.

    Please help me! Thanks

  •  1,603
    Barry replied
    May 22, 2017 at 12:10pm

    Hi there,

    Please add the following via Appearance > Customize > Theme Options > Custom CSS:

    @media (min-width: 992px) {
    .main-navigation li:last-of-type .sub-menu li .sub-menu { left: auto; right: 100%; }
}

    That should fix the issue. Please let me know.

    Thank you

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  • princemedia replied
    May 22, 2017 at 1:02pm

    Sorry, no success!

  •  1,603
    Barry replied
    May 22, 2017 at 1:06pm

    Can you try to add the CSS above or below the CSS that's already in the customizer? I just tested it locally and it should work (see attachment).

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  • princemedia replied
    May 22, 2017 at 1:21pm

    @media (max-width: 1200px) {
        .main-navigation .sub-menu li .sub-menu { left: auto; right: 100%; }
    }

    This works for me!
  •  1,603
    Barry replied
    May 22, 2017 at 1:25pm

    Good to hear that CSS is working

    Please note that all 2nd level sub menu's will be displayed on the left side for screen with a maximum width of 1200pixels, with that CSS code.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes