I am having trouble hiding a div when my web site is viewed on an iOS device. When I resize Firefox and Safari the div does disappear. But when I view the page on my iPhone 5s and iPad, the div is still being displayed. Can someone check this behavior out on their mobile phone and desktop?
Thanks!
David
Hi,
I have checked your site and seems that your css doesn’t apply on mobile screens, so please try to add a class to the colums and apply the css to that class: http://screencast.com/t/us9HerfQVi4U
Hope this helps!
What I am trying to do is hide the Quick Links section when viewed on a mobile device. I have added a media query in my CSS which is being used on the web site. It works when I resize my desktop browser but when I view the page on my mobile device (iOS) the Quick Links section is still displayed.
I am using the custom class .quick-links for the Quick Links section.
Any help would be appreciated.
Instead of using a class name for my div, I assigned an id to the div and the media queries (referencing the id) are working properly now. If anyone has an explanation why I need to use an id instead of a class name, I would be greatly appreciative.
Hi,
Your class was added to the block div and you added css code to display none on mobile view, but the container div had display block, so probably your class(css code) was so powerful to overwrite container css: http://screencast.com/t/tm7HGeUSeJNE
So that’s why I said above to add the class to the column.
Hope this helps and I’m glad that you managed to solve this!
