[Resolved] Menu Plus causing horizontal scroll on mobile view

[Shane]

I have a problem with horizontal scroll bar in the mobile view caused by Menu Plus in GPP
If I turn off Menu Plus there is no horizontal scroll bar on any of my pages in mobile view as soon as it is turned on all the pages have the scroll bar in mobile view.

GP Theme: Artisan

I tried adding the below CSS

body {
overflow-x: hidden;
}

But it gets over ridden by the below CSS from the Menu Plus

.offside-js–init {
overflow-x: hidden;
}

Could you please let me know if there is any way I can stop the page having horizontal scroll in the mobile view.

[David]

Hi there,

in you child theme style sheet you have added padding to the mobile header nav which is causing it to expand – this CSS, add the property i have commented:

.mobile-header-navigation {
    padding: 8px 5px;
    box-sizing: border-box; /* Add this property */
}

[Shane]

Worked great thanks.

Good fast support and an answer that fix my problem.

[David]

You’re welcome

[Author]

Posts