Help Detecting Mobile User & then Using Alternate Javascript in a Text Widget

[sirraj]

Hey!

I am using a text widget (html/script pasted below) to run a banner ad in the Right Header space and it's working great on desktop. However, when I view it on mobile it's a disaster and I'm left with a horizontally scrolling responsive site because the ad is too wide.

I need to figure out how to put a conditional statement in the text widget (or somewhere else) that allows me to use a different ad script when the user is on a mobile device.

I'm a novice, so some detailed instructions could help. I found some info on using conditional statements in wordpress( http://clicknathan.com/web-design/wordpress-mobile-conditional-statement/) but not sure if this will solve the problem or how to implement it.

Many Thanks,

Sirraj

I'm using Magazine Pro child theme:

AD SCRIPT
<div id='div-gpt-ad-xxxxxxxxxxxx' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-xxxxxxxxxxxxxx'); });
</script>
</div>

https://gomonsoon.com/chronicle/

[Tony @ AlphaBlossom]

Hello,

Wordpress had a function wp_is_mobile that you can use:

http://codex.wordpress.org/Function_Reference/wp_is_mobile

Note that this is very broad...an iphone is considered mobile, and an ipad is also considered mobile.

You would use it something like this:

if ( wp_is_mobile() ) {
     // your mobile code goes here
} else {
     // your non-mobile code goes here
}

If you want to ad it to your widget areas, you can use a plugin that lets you execute php code inside of a text widget, our you can add this function to your theme's functions.php file:

http://www.carriedils.com/extend-wordpress-widgets-without-plugin/

If you want to target devices more specifically, you can use the article you posted (just adjust your conditionals to match), or take a look at the Mobble plugin (I haven't used it yet but plan to try it soon):

https://wordpress.org/plugins/mobble/faq/

That should get you going in the right direction.

Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Author]

Posts