We've added powerful functionality that allows you to better fit your content to a desktop screen and support different container designs across desktop vs mobile.
What are the key benefits?
Control the size of a desktop container (small, medium, large) to ensure your content is cleanly fitting the desktop space
Allow containers to have a differing number of columns on desktop vs mobile- this allows you to create unique designs across devices
Video Tutorial
Step by Step Guide
To adjust the size of a container, simply choose a 'Desktop Size.' Adjusting the size of a desktop container will NOT affect the size of a mobile container. You do not need to use Style Independently.
To set a different number of columns between mobile and desktop, first add all buttons/responses to your screen, BEFORE you turn on Style Independently and save. Then turn on Style Independently and adjust the number of columns on the mobile and desktop views.
Frequently Asked Questions
Q. How can I have my buttons centered if I have uneven number of buttons?
A. Fluid Content will automatically set your number of columns to two, overriding any changes to the number of columns you've made.
Q. What is the recommend image specs for mobile and desktop views?
A. Having a 2x2 setup on mobile, and a 4x1 setup on desktop is a very common design!
Q. What can I add into a container element?
A. You can add any element into a container on desktop to increase its width.
Q. What are the key benefits?
A. You can control the size of a desktop container (small, medium, large) to ensure your content is cleanly fitting the desktop space. In addition, you ca adjust the containers to have a differing number of columns on desktop vs mobile- this allows you to create unique designs across devices
Related Articles
Keywords: containers, desktop styling, mobile styling.