Hi All, I have a WP tab plugin that works perfectly on my site. Unfortunately it's too big on mobile devices and doesn't retract when clicked. I've been trying a few different codes in the CSS to disable the plugin on mobiles but so far no luck. Any suggestions? I've tried these codes: /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { #pullouts { display: none; } } /* Styles */ /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { } /* Styles */ /* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { #pullouts { display: none; } } /* Styles */ /* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { } /* Styles */ NOTE: #pullouts is for the tab widget class/ID. Thanks in advance for any help.
Designing for both mobiles and large screens can be done by getting a javascript redirect to a different page optimised for mobiles. Even so, Wordpress has plugins for mobiles. That is what I would use instead of working on the CSS.
Thanks Blue Star. I have WPTouch installed on the site. The paid version allows 3rd party plugin exclusion. My free version doesn't offer this feature I was searching for another plugin that would allow me to disable the slide out tab plugin on/through? the WPTouch plugin but no luck there either.
You are welcome. Just taking a quick look at the code you provided, some of them have an extra unneeded curly bracket. There are at least ten mobile plugins listed on this page. You can download firebug and a firefox plugin to change the user agent if you want some tips on delving more into the code. Firebug is especially useful. Good luck.