Device Platform Specific CSS Class

Hello! Sometimes you want to hide features from specific device platform like 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.

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:

.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; }