Site scrolls to right (don't want that).

Question

My TEST site = http://www.test.229greenhillmethodistscoutgroup.org.uk/

Site based on Demo Non-Profit with lots of changes. I wanted to make the Header "not sticky" so added 'no-sticky' as shown = <header id="header" class="no-sticky header-size-lg border-bottom-0" data-sticky-shrink="false">
The site scrolls right (not on smaller screens) !

After various testing I found that if I remove 'no-sticky' it works all ok without right scroll.
I am unsure if I have added something to make it do this or I'm missing something obvious. Apologises if this is obvious I just can't find solution.

Q. I want to have a ' No Sticky Header ' and NOT scroll to right ? Can you help ?

SemiColonWeb · Accepted Answer

Hello,

Apologies for the Inconveniences caused!

We have checked this out and apologies, this happens on the Default Demos as well. We are not sure what is causing this and are working to fix this asap. Meanwhile, you can simply add the .overflow-hidden Class to the #wrapper DIV.

This will definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Red99 · Answer

I did think about using Overflow Hidden but wondered if I had caused it somewhere. I shall try investigate myself if I have time. However, thank you that works all fine. Great support as always. Looking at forum you take the time to answer even if the questions are the easiest (silly) or hardest wi…

Semicolon Web · Answer

Hello,

Very Happy to Help! :)

We try to check the problem in details and compare with our version of the files so that if there is a possible bug, we can release a fix. We will continue to provide the best possible support.

Meanwhile, we have escalated this issue to the Core Developers and we will find a solution soon and release an Update.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Red99 · Answer

Thanks guys.

My site works fine with overflow-hidden on wrapper div.
Just for notes, I did a quick test on my site (using developer tools/inspector) and removed the Header node + overflow-hidden and that also made my site work. So perhaps something within Header code is causing problems.

I will leave it to your development guys. Thanks.

Semicolon Web · Answer

Hello,

Glad to know that. I think we have found the issue and it is with the Header Effect which might be causing this. Meanwhile, we are still working on this and we will get back to you once we have a proper solution. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.