Tailor output (not just style) based on mobile vs. desktop

Hi there,

I'm not sure if there is a way to do this without some heavy custom coding unfortunately.

Showing say five article previews on the home page, instead of ten.

The number of posts shown on the home page is handled by WordPress itself so it cannot be controlled by the theme.

Showing different elements to mobile vs. desktop users.

What elements are you referring to here?

Hook elements from the GP elements menu. -A.

Hi there,

WP has the wp_is_mobile() template tag:

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

Which you can use in your own conditional functions.

For example:

add_action( 'pre_get_posts', function( $query ) {
    if ( is_admin() || ! $query->is_main_query() ) {
        return;
    }

    if ( is_home() && wp_is_mobile() ) {
        $query->set( 'posts_per_page', 5 );
    }
} );

This will change the posts_per_page to 5 on the home page if WP detects its a mobile device.

You can apply this logic with any GP filter such as the generate_hook_element_display

https://docs.generatepress.com/article/generate_hook_element_display/

Thanks. -Andrew

You're welcome