Load custom page for mobile

gullbekken · December 11, 2023

I am about to finish this website: https://finnskogutstillingen.squarespace.com/
password: Finnskogutstillingen24

However, since Squarespace doesn't offer a solution to make certain changes on the mobile site, such as changing font size without affecting the desktop version; is there a way to load a custom page for mobile?

So if I duplicate my homepage, call it "home-mobile" and make all my adjustments, can this be loaded when using mobile only? I want that for all my 5 pages on this site.

Edited December 11, 2023 by gullbekken

JayVanDyke · December 11, 2023

No but you can make edits to the font sizes using CSS. Paste this into your custom CSS area.

  //keep adding new selectors and delete 
  //what i have here if you need and copy 
  //and paste with different max-width 
  //for different screen sizes.
@media only screen and (max-width: 640px) {
  h1 {
    font-size: 28px; //change to your size
  }
  h2 {
    font-size: 24px;//change to your size
  }
  p {
    font-size: 16px;//change to your size
  }

}

Are there other mobile specific changes you are trying to do besides fonts or is this a completely different page layout basically? One strategy could be to hide and show certain sections on mobile but that's not usually great for SEO because you'll have some identical content on the same page.

Edited December 11, 2023 by jaeveedee
added more to the code

gullbekken · December 11, 2023

@jaeveedee Thank you for replying. Yes that could work for fonts, but I might need to do some more changes also. I saw this guy posting a possible solution; "You can add 2 galleries, then share page url, we can give code to show 1 on desktop, show another on mobile", so I thought this could be a solution for my pages... keeping mobile and desktop separate.

JayVanDyke · December 11, 2023

It's really not a great SEO strategy due to having two sets of identical images or content but this is what I suggested at the end of my post above too. For an image gallery in particular this could really hurt your page and slow it down if its loading double the images. Even if they don't show on desktop or mobile they will still be loaded into the page. Most use custom CSS if the default from the old layout engine or the setup from the new fluid engine doesn't work. Many post questions like this in the forum so you can search or ask for specific edits and often you'll get responses with code like I put up above!

gullbekken · December 11, 2023

Ok thank you!

Load custom page for mobile

Recommended Posts

gullbekken

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

JayVanDyke

Posted Images

JayVanDyke

Link to comment

gullbekken

Link to comment

JayVanDyke

Link to comment

gullbekken

Link to comment

Create an account or sign in to comment

News

JayVanDyke

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources