Remove white space to right of on hero image

Hi,

I am trying to update to the latest version of Sydney Pro and have moved over all the custom changes we had made, but I can’t seem to find what is causing the whitespace to the right of the hero image. Our staging sites are below:


Can anyone help?

Much appreciated,
Edmund

Hello Edmund,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    html,
    body {
      overflow-x: hidden;
    }

Regards,
Kharis

Hi Kharis,

Thanks for the suggestion, I have added that on both but to no luck.

Kind regards,
Edmund

Hello Edmund,

Probably it’s caused by this additional CSS code:

.sydney-hero-area {
    position: absolute;
}

Try adding this code and see if it resolves the issue.

@media only screen and (min-width: 781px) {
  .sydney-hero-area {
    border: 2px solid yellow;
    width: calc(100% + 15px) !important;
    width: -moz-calc(100% + 15px) !important;
    width: -webkit-calc(100% + 15px) !important;
    width: -o-calc(100% + 15px) !important;
  }
}

Regards,
Kharis