"Bug problem with submenu in responsive view" (#1179459) / QreativeThemes

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,844
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 | Our WordPress Themes | Hire Us / Services
princemedia replied
May 22, 2017 at 1:02pm
Sorry, no success!
1,844
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 | Our WordPress Themes | Hire Us / Services
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,844
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 | Our WordPress Themes | Hire Us / Services