CSS - Cascading Style Sheets

Disable mouse scroll / wheel Zoom on embedded iframe Google Maps

Web Designer / Developer usually embed Google Maps using iFrame in most websites. But, page scrolling stuck when user use mouse scroll in Google map area, and now it is working as Map zoom in/out. So, we always wonder that, "is there a way to disable the zoom via mouse scroll wheel on all of them using css or JavaScript?" Answer is "Yes", and here is powerful CSS's property - POINTER-EVENTS. For this, I am wrapping the Google map's iframe in a DIV. Default behavior of mouse in this DIV has been fixed to "pointer-events: none". It will terminate the zoom-in…
Continue Reading »
CSS - Cascading Style Sheets

Request Desktop view and disabled zoom viewport meta tag for all mobile browsers

Today, I am going to brief about the working of - "Request a Desktop Site" & "Switch from a Mobile Site" or, Choose “Request Desktop Site” link and let the current webpage reload to the full desktop version of that site. I mean to say that, i am sharing a trick about disabling the responsiveness of webpage in mobile browser. As we know, there are several mobile Operating Systems and that's why each browser has it's own implementation of the viewport meta tag according to respected OS. Different combinations will work on different browsers & OS. Android OS: Android : viewport…
Continue Reading »