Issue with the spacing between the Mega Menu and the Mega Menu element.

This topic has 9 replies, 4 voices, and was last updated 3 weeks, 2 days ago ago by Andrew Mitchell

  • Avatar: mahdar
    MAHDAR
    Participant
    January 19, 2025 at 18:43

    Hello, I hope you’re doing well.

    I have an issue with the Mega Menu, and despite trying, I couldn’t solve it.

    I want the spacing of the Mega Menu to match the one shown in the image I will upload.

    Additionally, I want the Mega Menu to have padding, for example, 15px, just like in the image.

    I want it to look exactly like the image.

    Thank you in advance!

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    8 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    January 20, 2025 at 14:26

    Dear @MAHDAR,

    We hope this message finds you well.

    To adjust the padding of the Mega Menu, you simply need to edit the Mega Menu and add the desired padding to the container. You can access the relevant settings here:
    (https://new.fendo.ch/wp-admin/post.php?post=259&action=elementor)
    (https://tinyurl.com/2xo3pz5h)

    Additionally, I understand that you would like the spacing of the Mega Menu to match the example shown in the image you will upload.

    Could you kindly confirm if you would prefer the Mega Menu to sit below the header instead of overlapping it?

    Thank you for your clarification, and please let us know if you need further assistance.

    Best regards,
    8Theme’s Team

    Avatar: mahdar
    MAHDAR
    Participant
    January 20, 2025 at 23:00

    Yes, please. I would like the Mega Menu to be placed slightly below the header with some spacing, separating it from the menu.

    Avatar: Justin
    Luca Rossi
    Support staff
    January 21, 2025 at 13:23

    Hi @MAHDAR,

    Can you please try adding this custom CSS code under XStore > Theme Options > Theme Custom CSS > Global CSS?

    
    body .nav-sublist-dropdown.etheme-elementor-nav-menu--dropdown.etheme-elementor-nav-menu--dropdown-stretched.etheme-elementor-nav-menu--dropdown-mega {
        top: 60px;
    }
    

    Hope it helps!

    Avatar: mahdar
    MAHDAR
    Participant
    January 22, 2025 at 19:27

    Hello, I hope you’re doing well.

    I have implemented the code, but there’s a slight issue with the menu opening.

    Please watch the video.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    January 23, 2025 at 11:00

    Dear @MAHDAR,

    We have noticed that the mega menus are displayed only when hovering over the menu items. To improve the overall design and functionality, we kindly request that you remove the bottom padding of the header. This adjustment will help reduce the spacing between the header and the mega menu for a more seamless appearance.

    For your reference, please find the relevant screenshots below:
    https://prnt.sc/VVB78p8VIysv
    https://prnt.sc/vhUZe4mHxa5E

    We hope this suggestion is helpful. Please let us know if you need any further clarification or assistance.

    Best regards,
    The 8Theme Team

    Avatar: mahdar
    MAHDAR
    Participant
    January 23, 2025 at 12:22

    Hello, thank you for your help.

    Actually, I removed the bottom padding, but it still didn’t fix the issue.

    I want there to be spacing at the bottom because when you hover over the header, it turns white.

    I’ve provided access; please test it yourself.

    Thanks.

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 23, 2025 at 17:09

    Hello @MAHDAR

    Try to add next code snippet to fix the breaking content on hover.
    CSS snippet:

    body .nav-sublist-dropdown.etheme-elementor-nav-menu--dropdown.etheme-elementor-nav-menu--dropdown-mega:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 30px;
        bottom: 100%;
    }

    Kind regards, Jack Richardson
    The 8theme’s team

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 24, 2025 at 16:07

    Dear MAHDAR,

    In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

    Click here to share your thoughts: https://themeforest.net/downloads

    Being part of our community means a lot, and your feedback contributes immensely.

    Best Regards,
    The 8Theme Team

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

The issue related to '‘Issue with the spacing between the Mega Menu and the Mega Menu element.’' 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.