MegaMenu not staying active and going off screen

  • Resolved venturesscot

    (@venturesscot)


    2 years, 10 months ago

    Hi,

    I’ve followed all of the youtube videos on how to install a megamenu with Elementskit, however it doesn’t seem to be functioning properly.

    The megamenu appears but as you move the cursor away from the text that activates it quickly disappears, meaning the user can see it but can’t access.

    Also, the tabs on the right of the screen when hovered over the megamenu appears but it goes to the right out of the screen. Is there a setting I’m missing?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Ahmed Amir Hossain

    (@ahmedamir)

    Hi @venturesscot

    We are not clear about the issue you are facing right now. You have not provided any relevant screenshot/video of the issue. On the other hand your website is in coming soon stage. That’s why we are not able to check the issue from the frontend.

    It would be a lot easier for us if you give us a screenshot/video about the problem and make the website live so that we can understand the problem properly and help you to find a solution as soon as possible.

    Waiting for your response and we are always here to help you.

    Best Regards,
    Amir

    Thread Starter venturesscot

    (@venturesscot)

    Hi, I’ve made my staging site now available to show you the issue with the menu going off screen. The image link is also below.

    https://drive.google.com/file/d/1E5yEQ11bk2yDaUFN2PBDybCkP9Zw0CUk/view?usp=sharing

    https://shoptogive.scot/staging/1780/

    The other issue is the menu disappears before the user can select an option on the megamenu.

    Thanks

    • This reply was modified 2 years, 10 months ago by venturesscot.

    Hello @venturesscot ,
    Hope you are doing well!

    I have checked the screenshot and the issue with Megamenu is clear now. In order to solve the issue of Megamenu which is going outside of the window, set the Position of the Megamenu as Default and set a width for the Megamenu according to your needs. Kindly check this screenshot for a better understanding. After setting up the Position as Default, You can also use the CSS below to apply a Width.

    .elementskit-megamenu-has .elementskit-megamenu-panel {
    width: auto !important;
}

    This is how(Screenshot) the Megamenu is going to be displayed after following the instruction mentioned above.

    I have checked the Megamenu of your site properly but couldn’t be able to trace the next issue you have mentioned. The Megamenu is only getting close when the cursor is moved away from the menu item. Since I’m unable to trace the issue, is it possible for you to share more information regarding this? A video will be very helpful in this case. I will check and get back to you with an update as soon as possible.

    Let me know if you need any further assistance. We are always here to assist you.

    Best Regards,
    Prosenjit

    Thread Starter venturesscot

    (@venturesscot)

    Hi Prosenjit,

    Thanks for the detailed reply. I made the change to the default width as recommended and it has worked. This has also cleared up the other issue.

    Thanks again for your help, much appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘MegaMenu not staying active and going off screen’ is closed to new replies.