Please note, this is a STATIC archive of website www.themepunch.com from 28 Sep 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Show Skin Content by Default on Mobile

home_topbanner

Normally when a grid item has hover content, this content will require a "tap" on mobile to be shown.
This article will describe how you can simply show this hover content by default on touch-based devices.

1. Add the following CSS to the Item Skin Editor's "CSS Editor".

edit-skin
css-editor
mobile-content-css

2. Add the following JavaScript to the grid's "API/JavaScript" section.

mobile-content-js
  • Quick Tip:
    Click here to learn how you can show skin content without a mouse hover for both desktop and mobile.