Mobile version of site just a splash page

Hi there

I have a portfolio website on Squarespace, and it displays exactly as I want it to on Desktop.

However, the mobile version looks terrible no matter what I do.

I would like the mobile version of the site to simply display a splash page with my basic details and text recommending users to access the page on Desktop.

Is there any way I could do this?

Thanks in advance!

15 minutes ago, yvestumor said:

Hi there

I have a portfolio website on Squarespace, and it displays exactly as I want it to on Desktop.

However, the mobile version looks terrible no matter what I do.

I would like the mobile version of the site to simply display a splash page with my basic details and text recommending users to access the page on Desktop.

Is there any way I could do this?

Thanks in advance!

Can you provide your URL so I can take a look?

For sure, it's http://www.samstrivens.com

Thanks!

1 hour ago, yvestumor said:

I would like the mobile version of the site to simply display a splash page with my basic details and text recommending users to access the page on Desktop.

Sadly this is unlikely to be particularly effective for your website.

What do you see as terrible about the mobile layout of your portfolio? Hopefully it's something that there could be a fix that you're happy with.

Thanks for the response Ziggy.

Why do you say that? Is it not possible to replace the portfolio grid on the mobile site with some text that asks the user to view the site on desktop?

Do you mean hiding the portfolio grid on mobile display and replacing it with some text which asks your clients to  view the page on desktop?

10 hours ago, yvestumor said:

Thanks for the response Ziggy.

Why do you say that? Is it not possible to replace the portfolio grid on the mobile site with some text that asks the user to view the site on desktop?

It's possible to do as @Beyondspace has given you above, I just think a significant number of website viewers are not going to read that message on their phone, and then go out of their way to find your website the next time they're on their computer. Your work is certainly good enough that they should go and view it, but they won't know that because they won't see it on mobile.

You have 3 examples of your work on apps/mobile, I was hoping I might be able to help you showcase that in a way you were happy with on mobile, rather than hide it.

Cheers very much @Beyondspace

And thanks @Ziggy, very kind of you to say that 🥹

I think the main issue is that a lot of the imagery used is quite detailed in that much of it has text which renders far too small on a mobile display.

I guess I'm being a perfectionist as I have managed to get the desktop site to look more or less as I want it to but can't see how I can replicate it on mobile. For example, in my 3cket project, I have an image of 4 screens side by side and you can't really make out any of the detail - so it just looks a bit messy?

11 minutes ago, yvestumor said:

For example, in my 3cket project, I have an image of 4 screens side by side and you can't really make out any of the detail - so it just looks a bit messy?

You're not wrong that they are too small to read, but that's what's great about a touch-screen, you can simply pinch to zoom in and see any detail that you can't make out (if you as a user feels the need to).

If that's not a solution for you there are ways to swap images on desktop/mobile, if you had a different mockup just for mobile that was more appropriate for smaller screens that would help.

From my perspective, that's a pretty minor problem, and not one that detracts from you demonstrating your expertise, removing the mobile experience and hence saying to users "I can't show my expertise on mobile" might have the wrong impact.

Please feel free to disregard my thoughts, but I hope my opinion is helpful in one way or another.

Yes I guess you're right.

Well, it's nice to be able to have the option to block the mobile access just while I'm editing the mobile version as it's a bit of a mess generally atm in terms of layout etc!

While we're here, I do have another query, if that's ok...

On my project pages, I have videos towards the end of the case study. I would like to put a link in the first section (after the hero image), to jump straight to these videos. Can you advise how I might be able to do this?

Thanks in advance, and once again for your support so far.

That's easy enough to achieve with anchor links, follow this guide:

https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links

Also add this to Custom CSS to scroll smoothly down the page:

html {
  scroll-behavior: smooth;
}

Thanks Ziggy - you're a legend!

32 minutes ago, yvestumor said:

Thanks Ziggy - you're a legend!

No worries, can you mark my post as the solution and give it a thumbs up? Thanks!