Sub-menu desapears if I move the cursor down with fixed menu

This topic has 16 replies, 3 voices, and was last updated 7 years, 5 months ago ago by Olga Barlow

  • Avatar: wilson-legros
    wilson-legros
    Participant
    October 19, 2016 at 17:08

    Hello,

    If fixed header is “ON”, I’m unable to choose sub-menu below, it desapears if I move the cursor down.

    How could I fix it ?

    http://i1376.photobucket.com/albums/ah34/wilson-legros/Xstore/2016-10-19_175453_zpstq36b7vt.jpg

    Thank you,
    Kind regards,
    Wilson

    15 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 20, 2016 at 16:47

    Hello,

    You have enabled maintenance mode and I can’t check your site. Please, provide me temporary admin panel access, so I’ll be able to check and fix the problem.

    Regards

    Avatar: wilson-legros
    wilson-legros
    Participant
    October 21, 2016 at 21:33

    Hello Olga,
    Please find attached what you need.
    I wish you will tell me what you changed 🙂

    Kind regards,
    Wilson

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 22, 2016 at 11:23

    Hello,

    Provide me, please, link to your admin panel, because default one does not work.

    Regards

    Avatar: SupaDucta
    SupaDucta
    Participant
    October 25, 2016 at 10:11

    Same thing here – I’ve tried searching the forum and all I could find was some piece of code being mentioned here: https://www.8theme.com/topic/hard-to-open-up-the-sub-menu/ but I can’t find it – seems like a pretty common issue – what’s the code that should be added? Maybe also add it to docs?

    Avatar: wilson-legros
    wilson-legros
    Participant
    October 25, 2016 at 10:50

    Hello,
    Olga, sorry, I forgot that the link to admin panel is not the default one, please find it attached.
    Kind regards,
    Wilson

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 25, 2016 at 12:13

    Hello, @SupaDucta, @wilson-legros,

    To fix the problem of large logo and fixed header you need to add the following custom in custom CSS

    .fixed-header .nav-sublist-dropdown {
        top: 61.5px !important;
    }

    Top value depends on height of your fixed header.

    Regards

    Avatar: SupaDucta
    SupaDucta
    Participant
    October 25, 2016 at 13:57

    Actually, I don’t have a problem with header height as such, it’s the top menu element height. As soon as mouse leaves the rectangle outlined by Firebug in this screenshot, the submenu items can’t be clicked on:

    Menu

    Avatar: wilson-legros
    wilson-legros
    Participant
    October 25, 2016 at 22:09

    Hi,
    @ Olga
    Thank you !!!
    I can see that you resolved my problom with that code in custom CSS.
    Now I can click on sub menu 🙂


    @SupaDucta

    Try it, you will be happily surprised !

    Thank you very much Olga, good work !

    Best regards,
    Wilson

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 26, 2016 at 10:22

    Hello,

    You are welcome!

    Regards

    Avatar: SupaDucta
    SupaDucta
    Participant
    October 26, 2016 at 14:18

    Actually the problem was padding here:

    header-wrapper header > .container .container-wrapper {
    -moz-box-align: center;
    -moz-box-pack: center;
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    padding-bottom: 2.14em;
    padding-top: 2.14em;
    position: relative;
    width: 100%;
    }

    I even ended up with logo as small as 64px high, all the same. When I decreased the padding to 1.14em, all worked fine on the first page reload. Then the issue comes back for whatever reason.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 27, 2016 at 07:27

    Hello, @SupaDucta

    Could you, please, provide me the link to your site? We’ll be able to solve your problem faster if I can check the site and understand what causes problem on your site.

    Regards

    Avatar: SupaDucta
    SupaDucta
    Participant
    October 27, 2016 at 13:54

    Sure, thanks 🙂

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 28, 2016 at 14:17

    Hello, @SupaDucta

    Go to Theme Options > Styling > Custom CSS and add the following code

    .nav-sublist-dropdown:before {
        top: -50px;
        height: 70px;
    }

    Regards

    Avatar: SupaDucta
    SupaDucta
    Participant
    October 28, 2016 at 15:51

    Olga, thank you VERY much 🙂

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 28, 2016 at 16:26

    You are welcome!

    Regards

  • Viewing 16 results - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.