Mega menu doesn’t stay active. - by Arbadev

This topic has 6 replies, 3 voices, and was last updated 1 years, 2 months ago ago by Rose Tyler

  • Avatar: Arbadev
    Arbadev
    Participant
    August 4, 2023 at 14:07

    Hello there,

    The megamenu in my site doesn’t stay active till we move cursor from main menu. The menu options in my main menu have border styles on hover and active. So if I add padding to the menu options, the menu options won’t look good. How do I make the mega menu stay active till the cursor moves onto it from main menu. I am yet developing the website locally and haven’t hosted it yet.

    Thanks.

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 4, 2023 at 14:33

    Hello, Arbadev,

    Thank you for choosing XStore as your WooCommerce WordPress theme.

    Please provide URL of your site.

    Kind Regards,
    8theme team

    Avatar: Arbadev
    Arbadev
    Participant
    August 4, 2023 at 20:02

    Hello Rose,

    Here’s the webstie url: https://ioswp.arba-dev.uk/

    Thanks.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    August 5, 2023 at 04:59

    Hello, @Arbadev,

    Thank you for your response.

    Have you been able to resolve the issue? We have conducted an inspection of your website and have not identified any issues. It is likely a caching issue on your end. We suggest that you clear your browser cache and revisit your website.

    The Mega menu will remain active until the cursor is moved onto it from the main menu on your site. We have recorded a video for your reference. The video URL can be found in the private content area.

    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Best Regards,
    8Theme’s Team.

    Please contact administrator
    for this information.
    Avatar: Arbadev
    Arbadev
    Participant
    August 5, 2023 at 06:14

    Hello @Tony Rodriguez,

    Originally the header menu option style was bordered on active or hovered. In order to make the mega menu active till the cursor moves from menu options to mega menu, I had to increase the padding of the menu options and bcoz the menu options had borders on active and hovered, those looked grumpy. My question was if there was any other fix to make the mega menu stay active? rather than increasing the padding of menu options.
    Header style reference: https://xstore.8theme.com/elementor/demos/organic-cosmetics/

    Thank you.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 6, 2023 at 07:18

    Hello, @Arbadev,

    Thank you for your response.

    Please try to use the next custom CSS code:

    .menu-item-has-children:after {
        content: "";
        height: 40px;
        width: 100px !important;
        display: block;
        position: absolute;
    }

    We hope this answer is helpful.

    Kind Regards,
    8theme team

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

The issue related to '‘Mega menu doesn’t stay active.’' has been successfully resolved, and the topic is now closed for further responses

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