Elementor bad responsive behavior in static block > mobile render issue in product category

Hello, @MJJONE,

We are pleased to inform you that we have conducted a thorough review of your website on our mobile device. We are happy to report that it is functioning optimally. Specifically, the mobile version displays a two-column layout and operates smoothly.

For your convenience, we have recorded a video of our review process. You can view this video at the following link: https://www.veed.io/view/87e89902-b0db-4d17-abbc-cf73f5aab623?sharingWidget=true&panel=share

We recommend that you also test the website on a physical mobile device for a more accurate representation. If you encounter any issues, please try clearing your device’s cache completely before checking again.

Should you have any further inquiries or require additional assistance, please do not hesitate to contact us.

Best Regards,
8Theme’s Team

Hello, @MJJONE,

1) We have identified a solution to the issue you are experiencing with the header on your mobile device. Please follow the steps below:

1. Navigate to Xstore.
2. Select Theme Options.
3. Proceed to General/Layout.
4. Choose Mobile Optimization.
5. Turn it OFF.
6. Click on Publish.

After completing these steps, please clear your mobile browser cache and revisit your site to check if the problem has been resolved.

Please refer to the attached image for further information.
https://postimg.cc/xkcByjny

a) Please go to Elementor > Tools > Regenerate CSS & Data.

2) Kindly proceed to Xstore > Theme Options > Speed optimization. Once there, please locate and select Menu Dropdown Cache, Menu Cache, Static Blocks Cache, and Remove Query Strings From Static Resources. Subsequently, turn off these options.

In the event that you are utilizing a cache plugin, we recommend temporarily disabling it.

We trust that this will rectify the issue you are currently experiencing.

Best Regards,
8Theme’s Team.

Hello, @MJJONE,

We apologize for any inconvenience you may have experienced. To assist you better, we kindly request you to inform us about the specific mobile device on which you are encountering the issue.

For a more comprehensive understanding of the problem, we would appreciate it if you could record a video demonstrating the issue and upload it to a file-sharing service such as https://wetransfer.com/. Please provide us with the URL once you have done so.

Additionally, we would like to request you to create temporary wp-admin access. This will allow us to examine your settings and provide a more accurate solution.

We kindly recommend that you take a complete backup of your site before proceeding.

Best Regards,
8Theme’s Team

Hello, @MJJONE,

Thank you for your response.

We have conducted a review of your website using an Android phone with a Chrome browser and found no issues. We kindly request you to check once again, ensuring that you clear your mobile browser cache. Additionally, please temporarily disable the cache plugin on your site and conduct another review.

Please refer to the attached image for further reference.
https://ibb.co/XVWv32Y

Best Regards,
8Theme’s Team.

Hello, @MJJONE,

Thank you for your response.

Please clear the cache and check now.

Elementor > Tools > Regenerate CSS and click the Regenerate Files button – https://elementor.com/help/troubleshooting-layout-issues/#:~:text=Go%20to%20Elementor%20%3E%20Tools%20%3E%20Regenerate,and%20your%20own%20browser%20cache.

Best Regards,
8Theme’s Team.

Hello, @MJJONE,

Due to the large number of Elementor add-ons you have, CSS cannot regenerate properly. Therefore, it is necessary to manually regenerate through styles after almost every change in static blocks – https://elementor.com/help/troubleshooting-layout- https://prnt.sc/_-RmIU7hPSqq issues/#:~:text=Go%20to%20Elementor%20%3E%20Tools%20%3E%20Regenerate,and%20your%20own%20browser%20cache

Also, you are using a lot of plugins, for example, using 2 builders at the same time (Elementor and WPBakery) may cause conflicts.
Classic Editor plugin also can be disabled, the classic Gutenberg editor will be available after disabling the “Disable Gutenberg Styles” option via Theme options > Speed Optimization.
Try to do the next test: disable all 3rd party plugins, and check the work of the site then.
When you are using XStore theme then the CMB2 and Redux Framework plugins are not required.

We can see the Elementor Pro plugin on your site, please try to contact their support about the problem with styles on responsive view.

Best Regards,
8Theme’s Team.

Hello, @MJJONE,

There is a problem in Elementor with styles, it appears in specific cases, one of them is on your site – https://github.com/elementor/elementor/issues/20555#issuecomment-1350723015 – so we’ve set “Active Breakpoints experiment” https://prnt.sc/H9_8g4uS8nng to inactive.

Please check now.

Best Regards,
8Theme’s Team.