Header on mobile is broken – after latest update

This topic has 5 replies, 3 voices, and was last updated 1 year, 2 months ago by Bogdan Donovan.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
September 13, 2023 at 7:45 pm #495735

augustinovp
Participant

Hi, the header on the mobile version is not loading ok, the menu buttons (left and right side) does not work anymore.
If i inspect with chrome the header is working propertly but if i open the website with a phisical device (iPhone) the header is broken.
I have disabled all the plugins one by one but it seems to have no effect.
I have tried with different php versions but i got the same result.
All the required plugins are updated to the latest version

Attachments:
You must be logged in to view attached files.

September 14, 2023 at 1:22 am #495784

Elise Noromit
Member

Hello,

Thank you very much for choosing our theme and for contacting us.

Please deactivate all the plugins except these ones:

Slider Revolution
WPBakery Page Builder or Elementor
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVG

If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

In case, the problem remains, even after all the plugins are deactivated, provide your site admin access (insert the site credentials into the Private content block under the message area) and confirm the permission for plugins deactivation, switching to the parent or default theme. As soon as we complete the testing we will enable all back, however, the site would be without plugins for 15-20 min. You would better make the full backup of your site.

Best Regards

September 15, 2023 at 11:24 pm #496464

augustinovp
Participant

I have deactivated all modules but still got the same problem.
We have 2 different websites (2 licenses) and on both there is the same problem.
Tested on iPhone xs and ios 14.6 with Safari, Google Chrome and Brave mobile browsers. (all have the same problem)

On android devices and newer iphones, the menu and login buttons are working fine.
Also if i test with Google Chrome on PC, the website is working fine.

Attachments:
You must be logged in to view attached files.

September 17, 2023 at 2:56 am #496672

Elise Noromit
Member

Hello,

What device do you use? I am checking I cannot catch the issue: https://gyazo.com/218f590559ba2c38768baa0037b5185a

If you have any questions please feel free to contact us.

Best Regards

September 17, 2023 at 2:34 pm #496734

augustinovp
Participant

Hi, I have iPhone Xs with iOs 14.6
I have checked also the woodmart demo, and there is the same issue.
Please take a look at screenshots

when i press the menu buttons (both from the top left and bottom bar), the my account and cart, it simply shows the black screen.
When i press the filter button, the panel appears on the half bottom side.
I have also cleared the browsers cache of the iphone. (tested on safari and chrome apps)

Attachments:
You must be logged in to view attached files.

September 18, 2023 at 2:35 pm #496995

Bogdan Donovan
Keymaster

Hello,

We have checked your site, and it looks normal both on mobile (screenshot https://prnt.sc/ME20066XeX6p) and desktop (screenshot https://prnt.sc/MFj_297F0np0).

Based on your previous reply, you are using Safari 14.0 browser. Unfortunately, Safari 14.0 browser lacks the support of inset and flexbox gap property. 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 15 and Safari 16 to work properly (https://make.wordpress.org/core/handbook/best-practices/browser-support/).

Kind Regards
Author

Posts