How to Show Sections on Mobile-Only or Desktop-Only Devices?

Modified on Sun, 26 Oct at 7:52 PM

FlexiFunnels gives you full control over how your website sections appear across different devices. You can easily set a section to be visible only on desktop or only on mobile, depending on your design needs.

Follow these steps:


Steps to Adjust Section Visibility

  1. Go to Section Settings

    • Open the page in the editor and click on the section you want to customize.

    • Then click on Section Settings.

  2. Open Background Options

    • Inside the section settings panel, navigate to the Background option.


  3. Find the “Show On” Option

    • In the Background settings, you’ll see an option called Show On.


  4. Choose Device Visibility

    • From here, you can select:

      • All Devices – Default setting (visible everywhere).

      • Desktop Devices Only – The section will show only on desktops.

      • Mobile Devices Only – The section will show only on mobile devices.




Why This is Useful

  • Helps you design mobile-friendly pages by showing simplified sections on smaller screens.

  • Allows you to create desktop-specific layouts with more detailed designs.

  • Improves user experience by customizing what visitors see based on their device.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article