Inaccurate display on mobile devices

The website displays fine on large devices, such as the iPhone 14 series, but when I log in to the website with an iPhone XR model phone, the website displays a problem. What do I need to do to solve it?

Attachments:

You must be logged in to view attached files.

Hello,

Please let us know the version of iOS and the browser you are using.

Kind Regards

iOS version is 13.6.1

Unfortunately, Safari 13 browser lacks the support of gap property for Flexbox and inset property for absolute positioning. The following properties are important to reduce CSS file size and to avoid an excessive DOM size, improving page speed. WoodMart started to implement this property after it was first used in WordPress default themes and Elementor builder.

Using older browsers may not support features provided by WordPress since it requires two latest versions of Safari browser which is Safari 17 and Safari 18 to work properly (https://make.wordpress.org/core/handbook/best-practices/browser-support/). Elementor, in turn, specifies support for Safari browser version 15.5 and above. (https://elementor.com/help/requirements/).

Kind Regards

[Author]

Posts