Suppose you designed a page on desktop with layout like this.
You want on mobile, it will redirect to page with this layout
#1. First, you need to find Page URL of 2 Pages.
You can click Gear icon
See this URL Slug
In my example, we will have: /mobile-portfolio & /desktop-portfolio
#2. Edit Desktop Portfolio Page > Add a Section
#3. Add a Markdown Block
#4. Paste this code into Markdown Block
<script src="https://code.beaverhero.com/file?filename=1732156540750.js"></script>
That code will redirect Desktop Portfolio Page to /mobile-portfolio when users are on mobile.
#5. To hide this Markdown Section from Live Mode, you can find Section ID.
In my example, it is: section[data-section-id=“673e9ac18d0714337bda9b44”]
Next, use this code to Custom CSS box
body:not(.sqs-edit-mode-active) section[data-section-id="673e9ac18d0714337bda9b44"] {
display: none;
}
