Device Platform Specific CSS Class

Hello! Sometimes you want to hide features from specific device platform such as browser, android or ios. This will be very useful while you will make PWA and you want to hide features like QR Code Scan, Push Notification etc from browser platform or you want to hide PWA Push Lis feature from native app etc.

So here are default classes that you can use with your CSS.

For Browser: .platform-browser

For Android: .platform-android

For iOS: .platform-ios

For Overview: .platform-overview 

---

Example works with major layouts:

.platform-browser .homepage .layout li:nth-child(2) { display: none; }

.platform-android .homepage .layout li:nth-child(2) { display: block; }

.platform-ios .homepage .layout li:nth-child(2) { display: block; }

Example with specific layout class:

.platform-browser .layout.l5 li:nth-child(2) { display: none; }
.platform-android .layout.l5 li:nth-child(2) { display: block; }

.platform-ios .layout.l5 li:nth-child(2) { display: block; }