Size of sub-menu

Hi there,

1. change this CSS:

nav .main-nav .mega-menu > ul {
    position: absolute;
    width: 60%;
    left: 0 !important;
    display: flex;
    flex-wrap:wrap
}

to:

nav .main-nav .mega-menu > ul {
    position: absolute;
    width: 100%;
    left: 0 !important;
    display: flex;
    flex-wrap:wrap
}

2. Add this CSS inside your @media query:

.main-navigation .main-nav>ul {
    position: relative;
}

Thank you, David. But the sub-menu is too big right now. I just want it small like 60% version.
Could you help me?
Thank you.

Adjust the width: 100%; to suit. I increased it from 60% as the other changes made this size too small :)

Thank you so much, David :)

You're welcome