Mobile pages are not shown

Hi @spid3r

it looks all ok from my side. Maybe your mobile device has still an old cached version. Try clearing the cache of your device.

Or maybe the user agent is not interpreted as a mobile device by Specific Content For Mobile. To be sure, please go to https://josemortellaro.com/collect-browser-information/ and let me know what is displayed as a user agent.

thanks for your fast replay, i delete mobile cache but i still to see desk version

User Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 15_3_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.3 Mobile/15E148 Safari/604.1

App name: Netscape

Platform: iPhone

Cookies enabled: true

Vendor: Apple Computer, Inc.

Screen available width: 375

Screen available height: 667

Screen width: 375

Screen height: 667

Viewport width: 375

Viewport height: 548

Hi @spid3r

you are welcome! The user agent is ok. With that user agent, Specific Content For Mobile detects a mobile device, no doubt.

Now I see always the same cache both for mobile and desktop. Have you changed something in the settings of WPRocket?
If you inspect elements you will see the comment <!– This website is like a Rocket, isn’t it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me – Debug: cached@1648797143 –> where cached@1648797143 is always the same both on mobile and desktop. And your page shows always the mobile version also for desktop devices. This is the situation at the moment I write, it could be different at the moment you read it if the cache expires.

What content should be different on mobile? If I compare desktop and mobile without cache it seems the content is the same. But in the console, I see that the plugin is working. It seems to me that the mobile version is the same as the desktop one.

I suggest you:
– Create a page only for testing only with the text “This is desktop”, nothing else
– Create the mobile version, and replace the text with “This is mobile”.
– Exclude that page from the cache. In case you need it: https://docs.wp-rocket.me/article/54-exclude-pages-from-the-cache

Then please, share the URL of that page. On the desktop we should see “This is desktop”, and on mobile, we should see “This is mobile”.

this is the link https://www.luciasarto.it/example/ . Pages are excluded from cache. I just delete and recharge cache and nothing else. Thanks for your help.

ok probably i understand the problem. If you look the example page mobile version from desktop you see the right title (mobile) and the right content ( this is mobile). If u look the same page from mobile only the content is right, (this is mobile) but the title keep the desktop version (desktop). The Avada theme has his setting about title in every single page, probably mobile device read only the content section and not the title section

• This reply was modified 2 years, 8 months ago by spid3r.

Ok, you can add this custom code to the functions.php of your child theme if any or to a functional plugin:

add_action( 'avada_override_current_page_title_bar',function( $post_id ){
	if( function_exists( 'eos_scfm_related_mobile_id' ) ){
		$mobile_id = eos_scfm_related_mobile_id( $post_id );
		if( $mobile_id > 0 ) $post_id = scfm_wp_is_mobile() ? $mobile_id : $post_id;
	}
	if ( class_exists( 'Fusion_Helper' ) && function_exists( 'avada_page_title_bar' ) && function_exists( 'fusion_get_option' ) && 'hide' !== fusion_get_option( 'page_title_bar' ) ) {
		$page_title_bar_contents = Fusion_Helper::fusion_get_page_title_bar_contents( $post_id );
		avada_page_title_bar( $page_title_bar_contents[0], $page_title_bar_contents[1], $page_title_bar_contents[2] );
	}
} );

It works for me.

it work also for me. Thanks a lot ??

not for the home page where there is a slider with transparent header ?? I cant see the slider in mobile version

• This reply was modified 2 years, 7 months ago by spid3r.
• This reply was modified 2 years, 7 months ago by spid3r.

Hi @spid3r

Are you sure you have activated the slider also on the mobile page?

Hello Josè, slider is in the page content, there isnt option to see it only in desk version. If u check the mobile page with desktop preview you can see it …so i think is the same problem of header.

you were right, i inspected the code and saw hide mobile, all fixed.

Thanks again for your support

• This reply was modified 2 years, 7 months ago by spid3r.

Hi @spid3r

perfect! I’m happy that it works.

Have a great day!