Menu on mobile is huge

Hi There

Something seems to have gone wrong on our mobile menu, there is a huge gab as shown below:

Any advice would be greatly appreciated :slight_smile:

Our URL is: www.luxestudio.co.za (password protected: Luxe@2020!)

Many thanks in advance

Best,
Mel

Hello Mel,

I found the below extra CSS code applied to avoid main video header overlayed the top header area.

    body.elementor-page-990 {
        padding: 174px 0px 0px 0px;
    }

However it produces another issue on a screen smaller than 1025px as the top header area isn’t sticky. To fix this problem, add this simple CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {

      body.elementor-page-990 {
          padding-top: 0;
      }
      
    }

Regards,
Kharis
aThemes Support

Hi Kharis,

This is sorted now :slight_smile: thank you so much

Best,
Mel

You’re welcome Mel!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support