Smart Mobile Skin Specs
Basic Info
Placement | Bottom to Whole Screen |
Platform | Mobile |
Responsive | Yes |
Demo | |
Abbreviation | MSK |
Size Limit | 2.5 MB |
Backup Image Size | 300 x 600 |
PSD Templates |
Sizes
This unit consists of 2 required panels, main and bottom. On load, the bottom panel will appear, fixed to the bottom of the screen, occupying 15% of the screen height. After scrolling the website, the bottom panel will slide away and the main panel will move seamlessly into view to dynamically occupy the whole screen. Continued scrolling will slide the main panel out of view, until finally the bottom panel comes into view again. Different assets can be used across the different panels. There is a JavaScript function to indicate if the bottom panel is showing before or after the main panel.
All the panels are responsive, with their widths set to 100% of the window. They must layout correctly on all common mobile screen dimensions (from 320px to 480px wide and from 568px to 896px tall).
Initial Footer (Bottom) | Main | Final Footer (Bottom) |
100% x 15% | Whole of device screen | 100% x 15% |
List of Features
Smart Design layouts currently support the following features:
Countdown | |
Video Background | Changing Background |