How do I change the edges of the mobile menu?

Hi there,

Can you disable your caching plugin so we can take a closer look at the code?

Thanks.

Done

Hi Anton,

The space you see is from the padding applied to the off-canvas menu's inner container plus the padding left of the menu items plus the padding right of the menu caret icons.

You can adjust these elements with CSS:

Try this:

nav#generate-slideout-menu .inside-navigation.grid-container.grid-parent {
    padding-left: 0px;
    padding-right: 0px;
}

nav#generate-slideout-menu .main-nav ul li a {
    padding-left: 0px;
}

nav#generate-slideout-menu .menu-item-has-children .dropdown-menu-toggle {
    padding-right: 0px;
}

Adjust the value to your preference.

Thank you. Everything is working!

Nice one. No problem. :D