Disable widgets in mobile theme

[Jinka Varalakshmi]

Hello, I am using metro pro theme. At present I am using wp touch mobile for mobile theme. I don't want to use extra plugin for mobile theme. Because metro pro is responsive theme.
I don't want to display widgets in mobile. I think it is possible with media query. Can any one tell me how to disable widgets in mobile theme.
I want to disable header widget and sidebar widgets.
If it is possible tell me how to disable quick adsense plugin in mobile theme without using wp touch plugin.

---

My hobby is to learn about new technologies and writing technical tips in my blog whatvwant.com
Google+ | Facebook | Twitter

http://www.whatvwant.com

[James]

hi there

you could simply use display: none in media queries

.header-widget-area,
.sidebar {
  display: none
}

[Jinka Varalakshmi]

I have placed it, but it is not working. See below how I have placed. Let me know An I doing wrong. I have tried without ';' also.

@media only screen and (max-width: 767px) {

.pw-layout-horizontal { display: none; }
.header-widget-area,
.sidebar {
display: none;
}

body {
font-size: 14px;
}

.footer-widgets,
.site-container {
width: 94%;
}

---

My hobby is to learn about new technologies and writing technical tips in my blog whatvwant.com
Google+ | Facebook | Twitter

[James]

hi there

let me know when you have added it in, so i can take a look on my end.

likely the css just needs a little more priority to override the main styles.

[Author]

Posts