Hi,
We have tested your site on a real iPhone device, and the header banner close button is working fine. Please, check the videos:
Safari – https://monosnap.com/file/dGF1CKHZoqR3x4AR8RjLp62EvrCrmV
Chrome – https://monosnap.com/file/8Le4ALj2jLkRjun2YKsxQ6t8qkOtqR
Judging by your phone model, you are using iOS 15 or less. Such OS version browsers did not support overflow: clip property, which is important for the to work of site scroll and HTML elements placed outside body container using CSS. To fix your issue on iPhone 7 you can try to add the following custom code to the Global Custom CSS area in Theme settings:
.wd-side-hidden {
top: var(--wd-admin-bar-h);
bottom: 0;
}
@supports not (overflow: clip) {
body {
overflow: visible;
}
.website-wrapper {
overflow: hidden;
}
}
That code disables overflow: clip property, but we do not guarantee that it will continue to work properly in the future, since iOS 15 has not received browser updates since December 2021. The official WordPress browser support page (https://make.wordpress.org/core/handbook/best-practices/browser-support/) states that is supports last 2 Chrome versions, last 2 Safari versions, and last 2 iOS versions.
Kind Regards
.
