The user interface of the Thrive editor has been upgraded! Please, check out the changes here, before proceeding.
The "Responsive" option, found in Thrive Architect, allows you to manage the display of certain elements on the Desktop, Tablet, or Mobile interfaces.
Apart from the information found in this article, you can also check out the video below:
In order to use the "Responsive" option, you need to add an element on your page - If you already have one on the page, select it, and look for the "Responsive" option in the left sidebar:
Click on it, to expand the option, and you will find 3 icons, equivalent to the 3 devices: Desktop, Tablet, and Mobile:
By default, the three icons will be 'active', meaning that the respective elements will be visible on all three devices.
If you want the element not to be displayed on one of the devices, all you have to do is select/click on the icon representing that device. This way you will "deactivate" the display of the element on that device.
Thus, the users who will access your website through that device will not see the element.
For example, if you select the Mobile icon, the element will now only be visible on Desktop and Tablet:
If you select the Tablet as well (could be the Desktop too, this is just an example) - the element will only be visible on Desktop:
Note: Please keep in mind that you cannot hide the element on all the devices - You can very easily delete it instead.
Below, you will have one more option, which allows you to Show all hidden elements:
This works in case you have hidden element(s) on the Desktop interface - checking this option will display the elements only for you when you are editing the page.
However, the visitors on your website will still not be able to see the hidden Desktop elements.
You can also check out this video, for a quick start guide on mobile responsive editing:
Hope you found this article useful! If so, don't forget to give it a smile below :)