Is there a way I can hide (or replace by other different widget) some of the widgets that I have set up in my website?
I noticed how the main menu changes to a drop list when the resolution of the screen gets smaller, so I want to hide a few of the widgets in order to simplify my website when is viewed from an a mobile (specially iPhone). Also I’d like to replace standar Adsense ads with Mobile Adsense ads.
You can hide widgets easy enough but I’m not sure how you would easily switch widgets that are display. You may want to look into some plugins for that kind of behavior since it would have to be done on the server side unless the alternate widgets were always there but hidden.
What you are going to do is add a few new lines of CSS using media queries. In your css>layout.css file search for #Media Queries.
You can use these as examples to create your own rules for the various sizes. Specifically the ones for mobile use. Then you’ll add the rules to your custom.css file with the widget targeted and given a display:none attribute so that it won’t appear for the screen sizes you’ve specified.
Viewing 2 posts - 1 through 2 (of 2 total)
The topic ‘Hide some widgets when viewing the website from a mobile device’ is closed to new replies.