Gap between menu and sub menu

Golechha_Prerana

Hi Team

When we hover over the menu (with sub menu) the gap between the menu options is too much. Please refer to the attached image. I am unable to find the option to reduce the gap. Please suggest!

Thanks

Phil

Hi,

The logo height causes this issue because it sets out the header height.

You can reuduce the logo in Betheme -> Theme options -> Global -> Logo.

If you do not want to reduce your logo size, you can write a custom CSS code to move the submenu up.

I can help you with that, but I will need a link to your website.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Golechha_Prerana

Hi Phil

Thank you for a quick revert. Yes I would like to keep the logo size as it is. It would be great if you could share the custom CSS to move the sub menu up. Here is the link http://supremehealth.xyz/

Thanks

Phil

Please, use this code:

#Top_bar:not(.is-sticky) .menu li ul {
   top: 70%!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Golechha_Prerana

This worked for the desktop version of the website. Thank you. However on the mobile version, the drop menu options aren't functioning. When we click the plus sign (+) of the drop down, no action occurs.

Website link for your reference: http://supremehealth.xyz/

Phil

I have checked your website, and the submenu works correctly on mobile.

Are there any steps to reproduce this issue?

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Golechha_Prerana

Hi

Thanks, somehow it was not working earlier, I just checked, its working fine now. Thank you

Phil

If this will happen again, please, let me know.

You can also note the steps you did before the menu stopped working.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next