Is it possible to create a different set of pages for mobile?

Support
#1

Hello,

I’ve built a site on desktop that required a lot of custom margins and overlapping elements, and, as you might expect, on mobile it’s pretty messed up.

I’m trying to figure out the easiest way to optimize the mobile site and was wondering if I could somehow create new simplified down pages in place of the more complicated pages that were designed for desktop and have those be the mobile version?

Or, could I just use visibility tags and basically create more sections on each page, but have them totally hidden on one platform and visible on the other.

Any advice would be greatly appreciated, thank you.

#2

Hello Greg,

Thanks for writing in! Regretfully what you have in mind is not possible. Once you design a page, it will be loaded for both desktop and smaller screens. Creating sections for smaller screens exclusively may help, still, the content is loaded on the page even if it is not visible. The best option you can have is to create a responsive layout. This will be possible if you create a section using the new row/column elements or using the Grid element. We highly recommend that you check out our video series regarding responsive layout and the flexbox series:

Layout Tricks:

Flexbox for Rows and Columns:

VIEW FULL PLAYLIST:

Check out the rest of the playlist here:

Best Regards.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.