Need to scroll twice on mobile to start scrolling - Forum | JoomShaper
Solved SP Page Builder

Need to scroll twice on mobile to start scrolling

Asked by Baze 5 years ago Last activity 5 years ago

Hi guys,

i'm using sp page builder on shaper helix ultimate template and on mobile device when i'm on top or bottom on any page on the site i need to scroll twice to start scrolling.

Can you please check it out and let me know what should i do to have normall scrolling from top and bottom?

Accepted answer

Marked as the solution
Toufiq Senior Staff
5 years ago

Commented this line of code

#sp-footer1 {padding:32px 36px 24px;margin-bottom: -60px;}

And removed this css code 

.body-innerwrapper {
    overflow-x: inherit;
}

Please check now and let me know. Thanks

24 more replies

Oldest first Newest first Most helpful
Toufiq Senior Staff
5 years ago

Hi there,

Thanks for contacting us. Please add this css code inside the custom.css file. 

.body-innerwrapper {
    overflow-x: inherit;
}

-Thanks

Baze Asked this
5 years ago

Hi Toufiw,

this works for the scroll, but on mobile now i get a little bit scrolling left and right, and the header (sticky) is a bit off center.

Baze Asked this
5 years ago

Same thing happens on the other site as well.

Baze Asked this
5 years ago

Any update on this one?

Toufiq Senior Staff
5 years ago

I cannot see the problem in this site.

Baze Asked this
5 years ago

Open it on mobile, when you scroll down from top, or up from bottom it messes with the fixed header, it goes off the limits, it adds white section on the right side, same on both sites.

Toufiq Senior Staff
5 years ago

Please provide me the Joomla administrator access. Thanks

Baze Asked this
5 years ago

Login details:

Toufiq Senior Staff
5 years ago

Remove this css code from the template custom.css tab. 

#sp-footer2 {padding:0 36px;}
.floatfoot {
    bottom: 85px;
    width: 100%;
    position: relative;
    margin-bottom: -50px;
}
Baze Asked this
5 years ago

Not working, the static menu is still expanded and half visible when i add:

.body-innerwrapper {
overflow-x: inherit;
}

Log in to reply.