different start pages for mobile and PC

Hey Severin,
There is not a built-in feature for this but you could try this function. Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_mobile_homepage() {
    ?>
	<script>
	if (window.location.pathname == '/' && jQuery(window).width() <= 480) {
	   window.location = "/mobile-homepage/";
	}
	</script>
    <?php
}
add_action( 'wp_head', 'custom_mobile_homepage', 10 );

adjust the /mobile-homepage/ to your new page.

Best regards,
Mike

Hi,

Thank you for the info.

You might be able to use the wp_is_mobile function to detect if the current device used is mobile and the wp_redirect function to redirect the users to a different page if the first condition is true.

// https://developer.wordpress.org/reference/functions/wp_is_mobile/
// https://developer.wordpress.org/reference/functions/wp_redirect/

Best regards,
Ismael

Hi,
Thanks for the login, the reason this didn’t work was because you are forcing jQuery to load in the footer so you were getting an error, to correct I removed the jQuery part of the script and now it works. Although it is disabled as you requested.
This is the new script.

function custom_mobile_homepage() {
    ?>
	<script>
		const mediaQuery = window.matchMedia('(max-width: 480px)');
	if (window.location.pathname == '/' && mediaQuery) {
	   window.location = "/startseite-mobil/";
	}
	</script>
    <?php
}
add_action( 'wp_head', 'custom_mobile_homepage', 10 );

Best regards,
Mike

Hi,

Did you try @Guenni007’s suggestion above? The code should redirect the user to the specified page (mobile-home) on mobile devices.

function redirect_mobile_devices() {
    if ( wp_is_mobile() && is_front_page() ) {
        wp_safe_redirect( get_site_url(). '/mobile-home', 301 );
        exit;
    }
}
add_action( 'wp', 'redirect_mobile_devices' );

Best regards,
Ismael