Specific sidebar widget appear only when on a mobile device?

Community Forums Forums Design Tips and Tricks Specific sidebar widget appear only when on a mobile device?

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  3200 Creative 1 year, 2 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #48199

    CreativeKristi
    Participant
    Post count: 23

    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.

    #48205

    3200 Creative
    Participant
    Post count: 23

    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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.