Gap in Mobile Menu

Hi,

There seems to be a gap between the mobile menu and header.

Can you help with this?

Thank you!

Best Regards,
Stella

Hi Stella,

Thank you for contacting us.

As I need to inspect your issue directly, sorry, I can’t provide you with immediate solution. Please share me a link to your website and a screenshot (if possible) to point the location of the issue.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hi,

Sorry, forgot to let you know, the site is www.additive3dasia.com.

Best Regards,
Stella

Hi Kharis,

This is what it looks like on mobile.

I’m referring to the gap between the header and the menu.

Regards,
Stella

Hi Stella,

I hope you’re doing well today.

Thank you for sharing the link along with the screenshot.

As inspected, it seems likely you built a custom menu with Elementor. The extra space come from the element styles. We can fix with additional CSS code.

However, to provide a solid CSS code solution, I request you to add a unique custom CSS selector to your menu element. If you don’t know how to do it, follow this documentation. Then share me the screenshot of your CSS classes setting.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hi Kharis,

This hasn’t been resolved yet.

The menu was built using Max Mega Menu, but I am able to add custom styling.

Hope you can help with this.

Thank you so much!

Regards,
Stella

Hi Stella,

Thank you for getting back and updating me.

Please inform me the special class name of the menu, so I can easily style it to fix youe issue.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hi Kharis,

I have input “menu-bar” as the CSS for my menu element.

Thanks and Regards,
Stella

Hi Stella,

As checked, your new “menu-bar” selector isn’t associated to the entire menu element.

However the below code may be working for you:

    @media only screen and (max-width: 1199px) {
      #site-navigation {
        top: 75px !important;
      }  
    }

Add it to your site’s Additional CSS under the Dashboard > Appearance menu.

Regards,
Kharis
aThemes Support

Hi Kharis,

Thank you for the code.

Unfortunately it still doesn’t work.

Appreciate it if there is other CSS that can help me with this.

Thank you so much!

Regards,
Stella

As checked from the source code of your site’s source code, I saw an active aching that may be preventing the last changes to load for some times.

Please flush it and reload your page. You may also need to clear your browser’s history first.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support