Mega Menu Disappears on Hover and Layout Inconsistency with Full-Width Option Disabled

This topic has 3 replies, 3 voices, and was last updated 1 years, 3 months ago ago by Andrew Mitchell

  • Avatar: Dylan
    Dylan
    Participant
    August 22, 2024 at 10:31

    I’ve implemented a Mega Menu in the main navigation, but when I test it on an actual device, the Mega Menu disappears as soon as I hover over it with the mouse, making it impossible to select any options. This issue is resolved when I turn off the ‘Mega Menu Dropdown Full-Width’ option in the Header Builder, but doing so compresses the layout and content, which doesn’t match the display of the static block I’ve set up.

    2 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    August 22, 2024 at 11:04

    Hello, @Dylan,

    Thank you for choosing XStore as your WooCommerce WordPress theme.

    We kindly request that you enable the ‘Mega Menu Dropdown Full-Width’ option in the Header Builder. Following this adjustment, please proceed to add the following custom CSS code:

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

    This update should be made in the following location: XStore > Theme Options > Theme Custom CSS > Global CSS.

    We trust that these changes will resolve your issue effectively. Should you require any further assistance, please do not hesitate to contact us.

    Best regards,
    The 8Theme Team

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    August 22, 2024 at 11:21

    Dear Dylan,

    We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

    Click here to rate now: https://themeforest.net/downloads

    Thank you sincerely for your ongoing support!

    Best Regards,
    The 8Theme Team

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

The issue related to '‘Mega Menu Disappears on Hover and Layout Inconsistency with Full-Width Option Disabled’' has been successfully resolved, and the topic is now closed for further responses

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