Need help? Check out our Support site, then


Disable Widgets In Mobile Version

  1. 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.

  2. @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) {<br /> #secondary,<br /> #tertiary {<br /> display: none;<br /> }<br /> }

    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.

  3. Thanks so much!

Topic Closed

This topic has been closed to new replies.

About this Topic