Creating Desktop and Mobile Specific Content
Are you looking to be more specific with your desktop and mobile content? We have the perfect way for you to do that!
When you are creating your pages, select the block/group that you would like to set as a desktop or mobile only block/group and then head over to the sidebar. From the sidebar, you should be able to scroll to the bottom and select the 'Advanced' drop down. From there, you can see the 'Additional CSS Class(es)' text box. In this text box, all you need to do is enter one of the following.
To have a mobile only block:
To have a desktop only block:
When you save the page, this will then hide the block/group on either desktop or mobile.
What do I need to do?
When you are creating your pages, select the block/group that you would like to set as a desktop or mobile only block/group and then head over to the sidebar. From the sidebar, you should be able to scroll to the bottom and select the 'Advanced' drop down. From there, you can see the 'Additional CSS Class(es)' text box. In this text box, all you need to do is enter one of the following.
To have a mobile only block:
hide-on-desktop
To have a desktop only block:
hide-on-mobile
When you save the page, this will then hide the block/group on either desktop or mobile.
Updated on: 28/08/2024
Thank you!