Hide Columns on Different Screen Sizes

This guide will show you hide existing columns in your page. Setting columns to hide can help manage your content across Tablets, Desktops and Mobiles.

You may need to use the full-screen option to see the video more clearly.

Step By Step Guide

1:
First of all we need to load the editor. To do this click ' Content ' on the left menu, once this drops down and gives you some more options, click ' Pages '. Then select the page you would like to edit, finally click the ' Editor ' button in the top left.


2:
Next you will need to click on the column you would like to hide of. From here click on the two small cogs in the toolbar .


3:
On the next screen click on the 'Column Settings' button.


4:
Now you will want to click the ' Edit ' button in the top right of the screen.


5:
This is where you can use the tick boxes to hide a column at different sizes. Extra small is mobiles and small tablets, small is larger tablets and small desktops, medium is average desktop size and large is for smart TVs.
Once you have ticked 'Hide' for the correct sizes, click the ' Edit ' button.


6:
Finally all that is left to do is click the green ' Save ' button in the bottom right.

Related Articles

© Copyright 2021 Toolkit Websites LtdWeb Design By Toolkit Websites