Hi
Yes, there's a workaround you can add for this. The code below assumes that the mobile version of your home page has the URL 'mobile'. Add the following code to the Code Injection area of the desktop Home page (you'll find this on the page settings on the Advanced tab):
<script>
if (screen.width<760) {window.location="/mobile";}
</script>
Paul
UPDATEI've updated this answer to allow for devices with higher resolutions and to allow testing on browsers when the width has been reduced.
Use the code below instead, adjusting the URL and the width (in pixels) to match your needs:
<script>
if (document.documentElement.clientWidth <760) {
window.location = "/mobile";
}
</script>
Site URL: https://seal-olive-mnwz.squarespace.com/
I noticed that the first section below my header on my Barbosa themed template gets overlapped by the header and I was wondering if I could make it so the image for the first section didn't start until after the header rather than being tucked behind it?