• Closed
  • Harald Röh
    Spectator
    February 3, 2016 at 3:01 pm #24018

    Hi,
    on our website gfcev.de we use navigation with various drop down menues.
    Here users have difficulties to select sub level entries, because the menu sub level entry disappears before they can hit the correct sub level entry.
    Please use e.g. the menue entry ‘Beiträge’ and try to slowly select a subentry for the sub level ‘Ausstellungen’. Quite often you are unseccessful.
    Maybe it has something to do with the gap, which exists between sub level and sub sub level. Or can you adjust some kind of delay before the menue entries disappear?
    Some advice would be very much appreciated!
    Thanks and best regards,
    Harald

    Imran
    Spectator
    Posts: 402
    February 3, 2016 at 8:34 pm #24023

    Hi Harald,

    Thanks for writing in!

    Upon checking, it seems to be causing by a plugin. I’d advise testing for a plugin conflict by deactivating all the third party plugins in your site, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

    Thank you!

    Harald Röh
    Spectator
    Posts: 39
    February 13, 2016 at 11:45 pm #24322

    Hi Imran,

    I deactivated all plugins except theme4press core and redux framework but the issues is still producable, maybe not as extensive as before (I am not sure about it).

    Anyway, my concern is that it has something to do with the gap you can see between the menue sublevel (like ‘Beiträge’ -> ‘Ausstellungen’) and the subsublevel (like ‘Ausstellungen im Flur …’). You can check on my test site test.gfcev.de. Hovering across this gap frequently causes that flicker.

    Is it possible to position the subsubmenue slightly overlapping or directly adjacent to the submenue, so that there are no gaps for certain?

    I would like to test this!

    Thanks and best regards
    Harald

    Denzel Chia
    Moderator
    Posts: 2656
    February 14, 2016 at 5:22 pm #24336

    Hi,

    Please use the following in Theme Options -> Custom CSS

    #nav ul li ul li ul {
    left: 189px !important;
    }

    Thank you.

    Harald Röh
    Spectator
    Posts: 39
    February 16, 2016 at 12:22 am #24356

    Hi Denzel,

    your suggestion works fine, the gap between the submenue levels is now resolved and sublevel selection stabilized.

    My final check however showed a final difference for the menue position:

    The height of the main menue is shown as 51,8 pixel, the height of the sticky menue however only as 50,6 pixel.
    The opening submenue seems to be absolutely positioned: it fits directly below the main menue. But it does not fit exactly below the sticky menue, because the sticky menue is a bit more narrow. Therefore there is a minor gap (1.2 pixel) between the sticky menue and the submenues. This gap can cause problems when selecting submenues.

    Therefore my final question regarding these submenue positionings:
    can I fix the sticky menue also to a height of 51,8 pixel, so that main menue and sticky menue have exactly the same height?
    By this, the submenues should exactly fit below main menue and sticky menue!

    Thanks and best regards,
    Harald

    Denzel Chia
    Moderator
    Posts: 2656
    February 16, 2016 at 12:50 am #24359

    Hi,

    You can use the following to adjust the sticky header height.

    .sticky-header .nav-menu li {
    height: 80px !important;
    }

    But it will affect the sub menu height…

    Perhaps you should disable your plugins to find out if there is any of them causing css conflict? Instead of redoing almost all menu positioning?

    Thank you.

    Harald Röh
    Spectator
    Posts: 39
    February 16, 2016 at 4:33 am #24362

    Hi Denzel,

    I already disabled all plugins, but it did not solve my stability problems when selecting subentries.

    In my opinion the reason is that evolve-plus itself defines the height of the menue header and of the sticky menue header differently, resulting in different heights which in turn leads to the gap between sticky header menue and submenue entries.

    Your above suggestion does not make any sense in this case, as it changes all submenue entries as well (normally your advice is really valuable!).

    I now found a solution for my problem:
    .sticky-header .nav-menue {
    line-height: 14px !important;
    }
    This only sets the sticky menue height as desired and does not change the submenue entries. In my view you should adjust evolve-plus settings as well.

    Thanks and best regards
    Harald

    Denzel Chia
    Moderator
    Posts: 2656
    February 16, 2016 at 7:22 am #24365

    Hi Harald,

    Thank you for your feedback.

    Regards,
    Denzel