Conditional Tags – Mobile

[jackirt]

I've added this bit of code to my functions.php file to move my site title and description to the top of my sidebar, which works perfectly.

//* Reposition Title Area
remove_action( 'genesis_header', 'genesis_do_header' );
add_action( 'genesis_before_sidebar_widget_area', 'genesis_site_title' );
add_action( 'genesis_before_sidebar_widget_area', 'genesis_site_description' );

However, I'd like to add to the code my creating a conditional tag: where if the user is on a mobile device (tablet, phone, etc) that the site title be displayed as normal in the header. I've tried creating my own conditional statements, but to no avail.

Any input is appreciated!

[Victor Font]

You can use the wp_is_mobile conditional. It checks if the user is visiting using a mobile device.

if ( wp_is_mobile() ) {
	/* Display and echo mobile specific stuff here */
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[jackirt]

Hi Victor,

I've tried writing a code that contains that bit of code, but with my little knowledge, the code I've written ends up breaking my site or not doing anything.

What should I adjust out of this code?

//* Reposition Title Area
remove_action( 'genesis_header', 'genesis_do_header' );
add_action( 'genesis_before_sidebar_widget_area', 'genesis_site_title' );
add_action( 'genesis_before_sidebar_widget_area', 'genesis_site_description' );
if ( wp_is_mobile() ) {
	remove_action( 'genesis_before_sidebar_widget_area', 'genesis_site_title' );
    remove_action( 'genesis_before_sidebar_widget_area', 'genesis_site_description' );
    add_action( 'genesis_header', 'genesis_do_header' );
}

[jackirt]

Actually I've got it to work.

Thanks!

[Author]

Posts