Reduce the size of the menu in mobile view in aurora

[mollyaland]

hello!

I would love some help on the code I need to add to the aurora theme to reduce the size of the menu in the mobile view. currently, it covers the entire screen. I would like for it to cover about 40% in width and maybe 50% in height.

thanks in advance!

Molly (www.allmyfriendsarehoopers.com)

[Moeed]

Hey @mollyaland

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

[mollyaland]

thank you, trying that now! is there a similar code to add for the height?

[mollyaland]

thank you so so much! you are so helpful! I love the way it looks.

I wish I could buy you a coffee!

if you are familiar with the aurora theme, I am having another issue with the code. I figured out how to add custom fonts and it looks great except the code is not overriding some of the headings. in the “multi-column” style, it still has the script font and my new font will not override. pictures for reference.