You must have faced this issue such that the background changes on hovers on mobiles and touch devices remain hover-styled even after you have touched the screen and not touching it anymore. The simple solution to this is enclosing all hovers in the following media...
// Extra small devices (portrait phones, less than 576px) @media (max-width: 575.98px) { … } // Small devices (landscape phones, 576px and up) @media (min-width: 576px) and (max-width: 767.98px) { … } // Medium devices (tablets, 768px and up) @media...
Momentum Scrolling on iOS Devices Normally when you add overflow:scroll to an element with fixed height and width, the scroll-bar appears in desktop and mobile devices to scroll through the hidden part of the content. In iOS devices, they have momentum scrolling which...
Add this CSS style to elements you want to disable text selection and highlighting on selection. Mostly we need this on buttons and dropdown where users usually go for clicks and can accidentally select text. Check out this demo below and CSS code. DEMO Open demo in a...
Blog
You must be logged in to post a comment.