How to make your page responsive? (Tablet and Mobile)

Step 1: From the dashboard. Click Pages and click Edit when you hover on a page (Example. Contact)

Step 2: On the page at the bottom left, you’ll see a computer icon. Click that and responsive options will appear

Tablet and Mobile Responsive

Step 3: When editing tablet and mobile responsiveness of a page, check all the breakpoints 768px to 1024px for tablet and 320px to 767px for mobile

Editing widget for the specific breakpoint
Step 4: Click on the widget you wanted to edit

NOTE: The highlighted icon means that when you edit the setting it will only take effect on THAT specific breakpoint. Also, the changes you make on the settings WITHOUT the icon will have effect on ALL breakpoints (including desktop)

For example this is how your section looks on your tablet

What we can do is, we can set each columns to 100%