Jump to content

Different landing page for mobile

Recommended Posts

  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

45 minutes ago, Alysson said:

Site URL: https://alyssonsantos.com

Hey guys,

I need some help. I tried to follow some tips I could find about making a landing page just for mobile, but could not make it work. I want to have it visible just for mobile, instead I'm having the cropped vertical image on the desktop... Thanks in advance 🙂 

Add to Cover Page Header

<style>
  img {
    visibility: hidden;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
45 minutes ago, Alysson said:

Site URL: https://alyssonsantos.com

Hey guys,

I need some help. I tried to follow some tips I could find about making a landing page just for mobile, but could not make it work. I want to have it visible just for mobile, instead I'm having the cropped vertical image on the desktop... Thanks in advance 🙂 

Creating 2 sections ,1st one is for desktop, 2nd for mobile. Using Css code to hide and display the appropriate section based on device

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

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.