Return to previous page

Mega menu doesn’t stay active. - by Arbadev

This topic has 6 replies, 3 voices, and was last updated 8 months, 3 weeks ago ago by Rose Tyler

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.

#363719 Copied Theme version: 9.1.12

5 Answers

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

#363725 Copied

Arbadev

Participant

August 4, 2023 at 20:02

Hello Rose,

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

Thanks.

#363748 Copied

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.

#363754 Copied

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.

#363760 Copied
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
#363779 Copied
Tagged: mega menu, persuasive, stay active, templates, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)