Return to previous page

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

This topic has 15 replies, 3 voices, and was last updated 1 years, 2 months ago ago by MJJONE

MJJONE

Participant

October 9, 2023 at 07:38

Hello,
i’m using static blocks for woocommerce product category post type.
With elementor i have set a design for desktop and 1 for mobile.

The render is ok in backend for mobile but the render failed on the frontend > the render is the one for desktop.

I have no issue with the mobile render in post type PAGES.

Best,

Please, contact administrator
for this information.

#369708 Copied Theme version: 9.1.14 WooCommerce version: 8.1.1

14 Answers

Tony Rodriguez

Support staff

October 9, 2023 at 09:09

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

#369715 Copied

MJJONE

Participant

October 9, 2023 at 09:28

Hello,

i have the same issue on my mobile phone > i don’t get what you have recorded.

Same issue here also https://www.weisz.fr/categorie-produit/portes-dentree/

i’m using edge on desktop and mobile.

I always test my website on private window with no cache.

Thx

#369717 Copied

Tony Rodriguez

Support staff

October 9, 2023 at 09:55

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.

Please contact administrator
for this information.

#369720 Copied

MJJONE

Participant

October 9, 2023 at 10:10

Done with the same results.

I have already tested out all what you said … i l have also tested with no cache plugin, ect ect…

The fact is that issue appear only with STATICK BLOCK post type… and only in mobile render…
https://www.weisz.fr/staticblocks/categorie-fenetre/
https://www.weisz.fr/staticblocks/porte-dentree/

#369723 Copied

Tony Rodriguez

Support staff

October 9, 2023 at 12:08

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

Please contact administrator
for this information.

#369735 Copied

MJJONE

Participant

October 9, 2023 at 16:08

I’m not able to record a video but i think the screenshot is very clear.

On my android phone the issue is the same with EDGE or CHROME.
On my laptop with dev tools this is the same on EDGE or CHROME.

All browsers are the latest versions.

Have you tried both links i gave you ? What do you see ?
https://www.weisz.fr/staticblocks/categorie-fenetre/
https://www.weisz.fr/staticblocks/porte-dentree/

Best,
Richard

Please contact administrator
for this information.

#369780 Copied

Tony Rodriguez

Support staff

October 10, 2023 at 06:10

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.

#369795 Copied

MJJONE

Participant

October 13, 2023 at 07:24

Hello,
I have tested with different devices on different network and YES there is a bug with STATIC BLOCKS.
Here you have all the screenshots for 3 static blocks examples where the render in browser is not the render awaited.

https://www.weisz.fr/categorie-produit/les-fenetres-ou-porte-fenetres/
Screenshots Backend and frontend render :
https://1drv.ms/f/s!Aif1PELO0ACsuOsBnnG5W_RQbcc5pA?e=sWtgKb

https://www.weisz.fr/categorie-produit/portes-dentree/
Screenshots Backend and frontend render :
https://1drv.ms/f/s!Aif1PELO0ACsuOp_ZJxWVKyGY7bGSA?e=IBoTeJ

https://www.weisz.fr/blog/
Screenshots Backend and frontend render :
https://1drv.ms/f/s!Aif1PELO0ACsuOsD_lNcKtSt0jzVyw?e=7QZR4L

Thank you for the fix.

Best,
Richard

#370043 Copied

Rose Tyler

Support staff

October 13, 2023 at 13:12

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.

#370094 Copied

MJJONE

Participant

October 14, 2023 at 18:18

Hello, sorry but there is no fix at all…

it was working just for the first 2 static block but not for the third.
https://www.weisz.fr/blog/
Screenshots Backend and frontend render :
https://1drv.ms/f/s!Aif1PELO0ACsuOsD_lNcKtSt0jzVyw?e=7QZR4L

Also i can tell you again there is a bug because if you update any static block it will break again the CSS in all other static block.

Example :
I had to update the static block for the footer, then the first 2 static block are now broken.

You just have to check live it’s broken again.

Best,
Richard

#370166 Copied

Rose Tyler

Support staff

October 15, 2023 at 09:22

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.

#370188 Copied

MJJONE

Participant

October 15, 2023 at 11:24

Hello i have tried all what you say !

Why i have no issue with PAGES and PRODUCTS but just with STATIC BLOCKS ?

#370199 Copied

Rose Tyler

Support staff

October 16, 2023 at 10:40

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.

#370279 Copied

MJJONE

Participant

October 16, 2023 at 18:44

Wow ! What a fix !

Thank you for the support!

Best

#370376 Copied
Tagged: elementor responsive issue, elementor static block solutions, fix elementor mobile issue, product category problems, static block mobile render, woocommerce template errors, wordpress woocommerce templates
Viewing 15 results - 1 through 15 (of 15 total)

The issue related to '‘Elementor bad responsive behavior in static block > mobile render issue in product category’' has been successfully resolved, and the topic is now closed for further responses

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection