[Resolved] How do I change the edges of the mobile menu?

[Anton]

Hello. How do I change the edges of the mobile menu?
https://ibb.co/z6HFzGD

[Leo]

Hi there,

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

Thanks.

[Anton]

Done

[Elvin]

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.

[Anton]

Thank you. Everything is working!

[Elvin]

Nice one. No problem. 😀

[Author]

Posts