*Note: This level of customization is best recommended for advanced users. If you have questions, please submit a ticket.

The device setting option gives you the additional option to style your content areas by device. This means that you could potentially have one set style for a desktop or laptop view, a completely different style for a tablet view, and yet another completely different style set for a mobile view, to give your website visitors a completely unique experience depending on how they view your site!


To set your style by device


1. Click the edit icon for the desired area or region


2. Choose your device




3. Apply any settings you wish to make for each of the options (Background, Border, Spacing, or Text) that will be specific to the device selected


example: background image for Desktop



4. OPTIONAL - Save your changes to apply your settings (or save as a Preset)


5. Change your device (if applicable)


6. Adjust any settings you wish to be specific to the device selected


example: background image for Tablet


7. OPTIONAL - Save your changes


8. Change your device (if applicable)


9. Adjust any settings you wish to be specific to the device selected


example: background image for mobile



10. OPTIONAL - Save your changes


*NOTE: When on Tablet, any settings that are left unchanged will inherit the settings for Desktop. When on Mobile, any settings that are left unchanged will inherit the settings for Tablet, or if there have been NO settings set for Tablet, then it will inherit the settings for Desktop.

Example:


You set a background image for Desktop, no background image for Tablet, and no background image for Mobile. All 3 devices will display the same background image.


Example 2:


You set a background image for Desktop, a different image for Tablet, and no background image for Mobile. Tablet and Mobile will display the same background image, while Desktop will have a different background image.


Example 3: 


You set a background image for Desktop, no background image for Tablet, and a different background image for Mobile. Desktop and Tablet will have the same background image, Mobile will have a different background image.