Disable Widgets In Mobile Version

  • Author
    Posts
  • #1060445

    stuartdelony
    Member

    Is there a way (through CSS or otherwise) to disable widgets in the mobile version of your website?

    Thanks!

    The blog I need help with is http://www.lumenchurch.com

    (main theme:Oxygen)

    The blog I need help with is lumenchurch.com.

    #1060679

    iamtakashi
    Staff

    @stuartdelony,

    You are using the mobile theme and you won’t be able to modify the CSS even with Custom Design upgrade.

    The main theme, Oxygen is optimized for small screen devices and you are abe to modify the CSS with the upgrade.

    You can disable the mobile theme by going Appearance -> Mobile. Once you disabled the mobile theme and subscribed the upgrade, you can hide widgets with CSS media queries.

    This is just an example and you will need to adjust the query to target devices you want to hide widgets for.

    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #secondary,
    #tertiary {
    display: none;
    }
    }

    There are lots of info about media queries on the Web and here are some of them.
    http://www.w3.org/TR/css3-mediaqueries/
    http://webdesignerwall.com/tutorials/css3-media-queries

    Hope it helps.

    #1060680

    stuartdelony
    Member

    Thanks so much!

The topic ‘Disable Widgets In Mobile Version’ is closed to new replies.