Hiding a Block on Smaller Screens

Hiding a Block on Smaller Screens


If you want to prevent a particular block from showing on mobile devices and tablets, you can hide it in the settings. This is useful if you'd like to share certain info with desktop viewers only, or make the website shorter on small screens.

Hiding a block on smaller screens

1. For that, open the editor, navigate to the block you want to hide and open its settings by clicking on the "gear":

2. In the Layout tab toggle on the option Don't show on smaller screens:


3. Publish your site for the changes to take an effect.


4. After that, the block in the editor will be marked as following:



Important: If you set the transparent header. When you hide the block that lays directly next to the site header, the header becomes not transparent on smaller screens. If you are hiding a block on desktop at the same time, just swap these blocks - it will not affect the final look, but will return transparency to the header.



    • Related Articles

    • Hiding a Block on a Page

      In case you may need a particular block in future, but don't want to show it on a published site, you can hide it in the settings. This way, the block will remain in the editor, but won't be visible to your visitors. Hiding a block on a page 1. For ...

    • Hiding a Block on a Desktop

      If you want to show a particular block only on mobile devices and tablets, you can hide it on desktops with the help of a custom code. Important: this option is available for Pro sites only. Step 1. Getting a block's anchor name or ID 1. To hide a ...

    • Mobile View of the Site

      One of SiteCliq's assets is an adaptive mobile version of all blocks and elements, created specifically for smaller screens. It allows you to compress the content and layout you see on the desktop into an easy-to-scroll, readable mobile version. This ...

    • Adding a Custom Block

      SiteCliq editor allows you to create your site with the help of pre-designed blocks that contain a set of elements. If none of our ready-made options in the gallery meets your needs, you can select an empty custom block to build your layout from ...

    • Changing the Design of a Block

      As soon as you add a block, you can start editing it to adjust the layout and match it to the overall design of your site. Most of our blocks are easily customizable, so you can change the settings of each particular element in them — for example, ...