Black Friday & Cyber Monday Offer | Flat 20% OFF on Lifetime & All Themes Package. Use coupon code BFCM24 | Offer valid till 5th Dec 2024 Buy Now

WordPress Website Templates

Find Professional WordPress themes Easy and Simple to Setup

inner banner

Hide widgets on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10974
    Vinicius
    Participant

    I’m trying to make a specific widget (contact) being hidden on mobile, but it’s not working.

    I’ve tried using the plugin Widget Options and using the code bellow but I have no success.

    @media only screen and (max-width:480px) {
    .hide_on_mobile {
    display: none !important;}
    }

    It seems the template and the plugin Widget Options are not compatible. How can I fix it?

    http://liveict.com.au/summit/cleaning-services/

    Thanks

    #10994
    Grace Themes
    Member

    Hi,

    To hide the contact sidebar widget from mobile version
    Go to Appearance -> Theme Options -> Basic Settings -> Custom CSS
    add belo css code

    @media screen and (max-width:767px){
      #sidebar { display: none}
    }

    The Widget Options plugin is compatible and works fine with all of our themes.

    Regards
    Grace Themes

    #11003
    Vinicius
    Participant

    It worked perfectly!

    Thank you.

    #11008
    Grace Themes
    Member

    Welcome.!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.