How can I reduce space between menu lines on mobile view?

[JonathanKenol]

Hi! I need some help!

The size of my video background is getting in the way of my “about us” menu items on mobile! is there a way of decreasing the space between the three lines and when the menu actually starts on mobile? See in the picture below ( red circle ); Please note, the video background is hidden is the picture.

I attached a second picture with how it looks when the “about us” menu item is hidden by the video background.

Thank you in advance and let me know if you need more information from me!

[Moeed]

Hey @JonathanKenol

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[JonathanKenol]

Overcome Negative Energy

Password is : O.N.E.

[JonathanKenol]

Hi Mooed! Thanks for your reply!

The website is overcomenegativeenergy.com

password is: O.N.E.

Thanks in advance,

Jonathan

[Moeed]

Hey @JonathanKenol

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[JonathanKenol]

Hi Mooed, Thank you for your help! Are you able to help out with other design aspects for desktop aswell?