Responsive Design
We are using bootstrap grid system which offers responsiveness in all devices. So it can be used in all mobile screens. Without overflows, it will adjust to the screen. When you resize a page, or you change your view in the smartphone browser, the software adapts the device orientation and width. Allowing you to get a full experience of the software on your screen. Each and every element of the software's front-end is optimized for use in mobile devices.
Our responsive mechanism makes you feel it's designed for just the device you use, whichever it is.
-
Media queries
/*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ @media only screen and (min-width : 320px){ } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px){ } /* Small Devices, Tablets */ @media only screen and (min-width : 768px){ } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px){ } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px){ } /*========== Non-Mobile First Method ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px){ } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px){ } /* Small Devices, Tablets */ @media only screen and (max-width : 768px){ } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px){ } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px){ }
-
Grid system
We use bootstrap's grid system, to create layouts and pages, here is a quick list of grid variables used in bootstrap less, each of the variables denotes the size of the screen, and number if grid can be added to the end of variables. i.e. xs-1,xs-2,xs-3 .... xs-12.
xs: 0, // Small screen / phone sm: 544px, // Medium screen / tablet md: 768px, // Large screen / desktop lg: 992px, // Extra large screen / wide desktop xl: 1200px
Software Features
The software has basic features and pro features that help to run your MLM business at a faster rate than previously.