mobile overlay menu

Hi,

I am trying to reduce the size of my overlay menu on mobile.

It is reduced on the desktop but I'd like to achieve the same result on the mobile site.

Any tips?

Thanks!

https://wolverine-polygon-atzy.squarespace.com/config/design/custom-css

password: jewellery21

Hi,

You mean menu width or menu height or menu items size?

i mean the width

On 11/4/2021 at 6:42 PM, inham said:

i mean the width

Try adding to Dsesign > Custom CSS

@media screen and (max-width:767px) {
.header-menu-bg.theme-bg--primary {
    width: 50%;
}
.header-menu-nav {
    width: 50%;
}
}