Hide text sections on mobile and desktop.

B_deer

What we need to do is hide a text section on mobile and desktop.

In the screenshot, we are viewing the code on the desktop.

You can see the <p style="margin: 0 26%;"> for padding in the left editor.

(we do not want this on mobile)

It seems that your editor has no setting for mobile, so we duplicated the section and removed the style tags, so we now have left-justified text on mobile.

However, how do we hide a section on mobile and desktop?

Where are your editor features to do this?

(you can hide rows on multiple devices, however, this is no use in this case)

The only mobile adjustment we can see on the left column editor is 'Mobile text align'.

Help appreciated.

Phil

Hello,

You can use the Responsive Visibility option.

To learn more about it, please, check the following video tutorial:

https://support.muffingroup.com/video-tutorials/section-responsive-visibility/

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

B_deer

I will take a look. Thanks

B_deer

Just looked at your video and in essence - there is no way to do this :(

The Responsive Visibility option only works in sections.

In other words, I have to create new sections for EVERY option I want to be changed in mobile.

OMG. This needs to be fixed.

Thanks for your quick response though.

Phil

Yes, you need to create sections for both desktop and mobile displays.

If you would like it to work for particular items, please, leave your suggestion on the following topic:

https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

B_deer

Sure thing. I may do that. In the meantime, I have been re-organising the pages to suit your suggestion.

Thanks