I am trying to:
Good afternoon, I noticed that the mobile version of the site on dev tools Google and a real phone are radically different.
1. there is no background, strokes and additional classes do not work
2. under the main postcard, I put a view with the upcoming postcards from this category and another view with the CPT Holidays for the coming days.
Google has all this in dev tools and it works as intended, but on the phone it is completely different, if it shows the picture, it does not show my additional views at all.
The site was made a long time ago and was constantly updating plugins, but I can't say when this failure started. Please help. Thank you.
Link to a page where the issue can be seen: hidden link
first image - screen from dev google tools
other image screenshots from phone
I expected to see:
Instead, I got: on screenshot
Hi,
Thank you for contacting us and I'd be happy to assist.
I see a number of script errors in the browser's console when viewing the page you've shared. These errors can cause the page layout to break when viewed on different devices and screen sizes.
Those errors seem to result from how scripts and styles are loaded on your website through the optimization plugin 'WP Rocket'.
I'll recommend excluding the Toolset script files from optimized loading, as explained in this guide:
https://toolset.com/faq/how-to-use-optimization-plugins-with-toolset/
I hope this helps and please let me know how it goes.
regards,
Waqar
Thank you very much! Very usefull article!