Sections Advanced Tab – Responsive

You can control if the section shows on all devices or just some devices by changing the “Responsive” settings.

To get to the advanced settings for sections, click the cogwheel icon, and then click the blue “advanced options” button.

Click on “Responsive: 

Select the options you want (see below for descriptions). If the icon is blue then it is visible on that type of device. By default, all will be turned on. Click an icon to turn off the view for that device which will hide the section.

  1. Left icon: Desktop view
  2. Middle icon: Tablet view
  3. Right icon: Smart Phone view
  4. On/Off toggle for “Show all hidden elements” – This will force the editor to show hidden elements so you may edit them.

Using these options will allow you to build sections on your page that are only visible on certain devices which can be useful if you need a different layout for specific devices. 

Note that all sections and layouts are fully mobile responsive, so we would advise using these options sparingly as most CSS settings can be edited in responsive mode as well.

If you have any questions or need any help with these settings please reach out to our support team and we’ll be happy to help.

Updated on November 28, 2022

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for? Don't worry we're here to help!
Contact Support