Jump to content

Mobile-only home page

Recommended Posts

Is there a way to have a mobile home page that is different from the desktop homepage?

My desktop homepage features a slew of images, and I know that will look nuts for mobile users. I planned to remove many of them for the mobile site, but wasn't aware that if I delete an image on one version, it transfers to the other as well.

How could I go about this?

Link to comment
  • Replies 1
  • Views 190
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hide those on mobile view. Find the block IDs for those images and add them to the code below, separated by commas. Add the code to Design=>Custom CSS:

// ==== Mobile Screen Formatting ==== //
@media screen and (max-width: 768px)
{

// ==== Hide Img Blocks ==== //
#block-ID1, #block-ID2, #block-ID3 {
    display:none !important;
  }
}

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.