Non Responsive Header

I have seen this topic come up a few times but no answer that works, My Sydney theme sliding header is non responsive on iPad Pro when viewing in landscape. Works fine on PC Mobile and iPad Pro portrait mode, Please note your demo of Sydney theme has same issue,

Hi,

Can you share a link to your website here, so I can check it directly?

Regards,
Kharis
aThemes Support

https://craftynick.co.uk/ This is it but don’t forget I have the same issue here https://demo.athemes.com/themes/?theme=Sydney and that is the aThemes demo site so nothing to do with my website. Maybe its an Apple iPad Pro Safari issue!

OK for anyone with the same issues. It is an Apple IPad Safari issue. Works fine with Chrome for iPad. I have tested it on 3 other iPad Pro machines and they all have the same issues. Works ok on iPad but not the Pro.

Hi,

I am sorry for the delay in response.

Can you share video recordings or photos when testing with your devices? This will help confirming we’re getting the same issue.

Meanwhile, try adding this CSS code to your website’s Additional CSS.

.header-slider .slide-item {
  background-attachment: scroll !important;
  background-position: center center !important;
}

Clear cache (if applied), celar your web browser’s history/cache as well, restart it, and visit your site. Let me know whether the code works for you or not.

Regards,
Kharis
aThemes Support

Ok that fixed the issue thanks. This was before the code was inserted.

1 Like

After the code inserted.

1 Like

Great! Glad to hear the code worked. And thank you for sharing the screenshots. I really appreciate it.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support