WordPress.org

Ready to get started?Download WordPress

Forums

Omit Widget on Mobile? (6 posts)

  1. officethug
    Member
    Posted 2 years ago #

    I am using a widget that I want to NOT appear on mobile platforms. It just doesn't look right on phones. Is this possible?

    Thanks in advance

  2. Rev. Voodoo
    Volunteer Moderator
    Posted 2 years ago #

    It's possible.

    A link to your site, and knowledge of which widget you'd like to hide would help.

    We can hide it using a media query in your css, not very difficult at all.

    We just need to know what css selector to target.

  3. officethug
    Member
    Posted 2 years ago #

    Here is the site: http://www.retailcurrencysolutions.net/site/

    The plugin is called Slick Contact Forms. It generates the CONTACT tab that's stuck to the left side of the browser.

  4. Rev. Voodoo
    Volunteer Moderator
    Posted 2 years ago #

    Alright... yer themes a bit complicated but... wherever you enter custom css (I see some custom css options in your theme being output - I'm not sure if you add to a stylesheet, or have an option to add css or what), or directly in style.css you can add

    @media (max-width: 450px) {
    	.dc-contact-slick {
    		display: none;
    	}
    }

    the 450px is variable - you can adjust that to target the right size screen 650...450... whatev

    I believe that .dc-contact-slick is the right selector....

    basically when we get to a breakpoint you set above (450 currently) at that size or smaller, that element gets hidden

  5. officethug
    Member
    Posted 2 years ago #

    This is working in browsers but not on my iphone. I'll try to experiment with it.

  6. Rev. Voodoo
    Volunteer Moderator
    Posted 2 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic