Skip Navigation

[Resolved] Different view in dev tools google (mobile version) and phone (Android, Iphone)

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 2 replies, has 2 voices.

Last updated by Rostislav Avtodiychuk 1 year, 6 months ago.

Assisted by: Waqar.

Author
Posts
#2604759
Троянди-на-День-народження-⋆-З-Днем-Народження-⋆-Картинки,-листівки,-привітання.jpg
Screenshot_20230509-164716.png
Screenshot_20230509-164710.png
Screenshot_20230509-164704.png
Screenshot_20230509-164654.png
Screenshot_20230509-164648.png
Screenshot_20230509-164626.jpg

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

#2605033

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

#2605261

Thank you very much! Very usefull article!