Specific sidebar widget appear only when on a mobile device?

[CreativeKristi]

Is there a way to have a specific sidebar widget only appear if the reader is using a mobile device?

---

I work at Creative Kristi Designs
I play at Creative Kristi
Affordable. Beautiful. Personal. Custom. Design for everyone.

[3200 Creative]

Hi Kristi,

There's two ways to accomplish this. The least complicated way to handle this is through your CSS file. You hide the widget on normal devices and show it when responsive design kicks in:

/*In your standard CSS section add this*/
/*replace .widget-name with the actual class of your widget*/

.widget-name {
display:none;
}

/*In the responsive design section of your website add this */

.widget-name {
display:block;
}

That should do it! I'm sure someone here has the function.php solution as well for you.

---

3200 Creative – Genesis design and development specialists | 3200 Goodies – Design and development blog

[Author]

Posts