• Creator
    Topic
  • #24018

    Harald Röh
    Participant
    Been thanked: 1 time

    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

Viewing 7 replies - 1 through 7 (of 7 total)
Replies
  • Imran
    Spectator
    Post count: 403
    Been thanked: 0 times
    #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
    Participant
    Post count: 33
    Been thanked: 1 time
    #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
    Post count: 2841
    Been thanked: 91 times
    #24336 |

    Hi,

    Please use the following in Theme Options -> Custom CSS

    Thank you.

    Harald Röh
    Participant
    Post count: 33
    Been thanked: 1 time
    #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
    Post count: 2841
    Been thanked: 91 times
    #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
    Participant
    Post count: 33
    Been thanked: 1 time
    #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
    Post count: 2841
    Been thanked: 91 times
    #24365 |

    Hi Harald,

    Thank you for your feedback.

    Regards,
    Denzel

Viewing 7 replies - 1 through 7 (of 7 total)
You must be logged in to reply to this topic.