[Resolved] 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;
}

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

You’re welcome