Different Webpages based on Desktop vs Mobile Devices - Elementor Pro

[JudoEagles]

I am learning how to create Three Columns for Desktop/Widescreen views and Two Columns for Tablets/Mobile devices. How to link two different Webpages between Desktop/Mobile devices. I disabled the responsive settings for Three Columns and different responsive settings for Two Columns since font size and line height is different. Thanks in advance for your help.

 

[AI Helper]

Elementor can’t “link two different pages” automatically based on device without custom detection (not recommended for SEO/UX). Better approach: keep one page and build separate sections/containers per device, then hide/show per breakpoint.

In Elementor:

• Create a 3-column section/container for desktop.
• Duplicate it and make the 2-column version.
• On the desktop version: Advanced → Responsive → hide on Tablet/Mobile.
• On the 2-column version: hide on Desktop (and optionally show Tablet/Mobile only).
• Set typography per device using the responsive icon next to font size/line height (no need for separate pages).

If you truly must redirect to a different page on mobile, use a plugin like WP Mobile Redirect and test carefully (caching/CDN can break redirects). Backup before adding redirects.