Mobile Version has empty space on right, every page

Site URL: http://arrowleafhemp.com

I have an odd issue, and have tried a half dozen codes provided by Circle Members on other relevant threads without success. When visiting my site on a mobile browser, there is a large empty space on the right side of the screen that runs the entire length of the page on every page. This space can't be seen when editing on the backend, but is apparent when you either zoom out or swipe to the right on a mobile platform. I've attached a screenshot from my phone. 

Any help would be greatly appreciated, Its been quite the headache working a solution.

Try adding to Design > Custom CSS

html, body {overflow-x:hidden;}

On 11/13/2021 at 7:17 PM, tuanphan said:

Try adding to Design > Custom CSS

html, body {overflow-x:hidden;}

 

Hi Tuan, thank you for your reply. This code, while it did succeed in removing the empty space from view on the website's backend, did not remove the space when the website frontend is viewed on a mobile platform. Could it be that I have another "@media screen" code interfering? 

On 11/16/2021 at 11:02 AM, AL-FQR said:

Hi Tuan, thank you for your reply. This code, while it did succeed in removing the empty space from view on the website's backend, did not remove the space when the website frontend is viewed on a mobile platform. Could it be that I have another "@media screen" code interfering? 

Maybe some code in Custom CSS caused this. Can you paste all current code in Custom CSS box? We will take a look

On 11/17/2021 at 2:47 PM, tuanphan said:

Maybe some code in Custom CSS caused this. Can you paste all current code in Custom CSS box? We will take a look

#block-fc77a88179ae1580b760 {
  color: C842FD ;
    text-shadow:
    -1px -1px 0 black,
     0   -2px 0 black,
     1px -1px 0 black,
     0px  0   0 black,
     1px  1px 0 black,
     0    1px 0 black,
    -2px  1.5px 0 black,
    -1px  0   0 black;;
      @media screen and (max-width:650px) {
      margin-top: -50px;
      margin-right: -20px;
  }
}
#block-94e66831e7a28dd10bcf{
  color: C842FD ;
    text-shadow:
    -1px -1px 0 WHITE,
     0   -1px 0 WHITE,
     1px -1px 0 WHITE,
     0px  0   0 WHITE,
     1px  1px 0 WHITE,
     0    1px 0 WHITE,
    -1px  1px 0 WHITE,
    -1px  0   0 WHITE;;
}    
@media screen and (max-width:650px) {#block-7743bfe21cb6b132ccb7 h1
  {margin-bottom: 50px !important;
  } 
}
.code-block {
  padding: 0 !important;
}
.grid__description {
  padding: 0 !important;
}
[data-section-id="6009dd0555ab9b0668a51314"]{
  background: #ffffff;
  overflow: visible;

  &:before {
    content: '';
    width: 100%;
    height: 225px;
    top: 0;
    left: 0;
    background-image: url(https://static1.squarespace.com/static/6009cd9d45126e4888b86634/t/618d7ad49a6ec01d5a1f968e/1636661973013/Cascade+mountain+range+divider+draft+2.png);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: -224px;
    position: absolute;
    pointer-events: none;

    @media screen and (max-width: 450px) {
      background-size: % %;
    }
  }
}

[data-section-id="601483fa6df59e7e36abf0b8"]{
  background: #K1H6B;
  overflow: visible;

  &:before {
    content: '';
    width: 100%;
    height: 200px;
    top: 0;
    left: 0;
    background-image: url(https://static1.squarespace.com/static/6009cd9d45126e4888b86634/t/607f544c3a76444cc873d18e/1618957388675/section+divider_geo1.jpg);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: -150px;
    position: absolute;
    pointer-events: none;

    @media screen and (max-width: 450px) {
      background-size: 200% 25%;
      height: 166px;
    }
  }
}
[data-section-id="60c1300e49b6e2517e5cbbef"]{
  background: #K1H6B;
  overflow: visible;

  &:before {
    content: '';
    width: 100%;
    height: 200px;
    top: 0;
    left: 0;
    background-image: url(https://static1.squarespace.com/static/6009cd9d45126e4888b86634/t/607f544c3a76444cc873d18e/1618957388675/section+divider_geo1.jpg);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: -200px;
    position: absolute;
    pointer-events: none;

    @media screen and (max-width: 450px) {
      background-size: 200% 25%;
      height: 155px;
      margin-top: -157px;
    }
  }
}
#block-7a3f74eb86b9883a0d10 {
  margin-top: -40px;
  margin-bottom: -25px;
}
[data-section-id="601480a298c7fa312d7434f6"]{
  background: #K1H6B;
  overflow: visible;
  
  &:before {
    content: '';
    width: 100%;
    height: 200px;
    top: 0;
    left: 0;
    background-image: url(https://static1.squarespace.com/static/6009cd9d45126e4888b86634/t/607f66d17022804e466adbcf/1618962129767/Section+Divider_colasil2.jpg);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: -200px;
    position: absolute;
    pointer-events: none;

    @media screen and (max-width: 450px) {
      background-size: 100% 25%;
    }
  }
}
[data-section-id="602c38efd6b0cc1a8870d404"]{
  background: #K1H6B;
  overflow: visible;

  &:before {
    content: '';
    width: 100%;
    height: 200px;
    top: 0;
    left: 0;
    background-image: url(https://static1.squarespace.com/static/6009cd9d45126e4888b86634/t/607f64d84a6b353fcaea2d69/1618961624429/SECTION+DIVIDER_SIMPLEGEO_INVERTED.jpg);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: -190px;
    position: absolute;
    pointer-events: none;

    @media screen and (max-width: 450px) {
      background-size: 450% 50%;
      height: 220px;
    }
  }
}
[data-section-id="602f018aba1a4f18a1ac5a11"]{
  background: #K1H6B;
  overflow: visible;

  &:before {
    content: '';
    width: 100%;
    height: 200px;
    top: 0;
    left: 0;
    background-image: url(https://static1.squarespace.com/static/6009cd9d45126e4888b86634/t/607f64d84a6b353fcaea2d69/1618961624429/SECTION+DIVIDER_SIMPLEGEO_INVERTED.jpg);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: -200px;
    position: absolute;
    pointer-events: none;

    @media screen and (max-width: 450px) {
      background-size: 450% 50%;
    }
  }
}
html, body {overflow-x:hidden;}

I disabled the Design > Custom CSS here locally and that did not solve the issue.

The issue appears to be with the Ecwid code that has been added to the site. When I disabled that from loading locally, the issue went away.