Jump to content

Mobile version can't overlap, order is all messed up

Recommended Posts

  • Replies 5
  • Views 41
  • Created
  • Last Reply

Top Posters In This Topic

Posted (edited)

To clarify, it seems you want to overlay a number and text on an image while keeping both elements together. I recommend using the "Classic Editor" section for this. You can write directly on the image by selecting "poster" under the "design" options. 

If you prefer to continue with the current version, you will need to adjust the overlap separately in the mobile view.

Classic Editor.png

Poster image mobile view.png

Poster Image.png

Edited by kalevi
Posted
22 hours ago, kalevi said:

To clarify, it seems you want to overlay a number and text on an image while keeping both elements together. I recommend using the "Classic Editor" section for this. You can write directly on the image by selecting "poster" under the "design" options. 

If you prefer to continue with the current version, you will need to adjust the overlap separately in the mobile view.

Classic Editor.png

Poster image mobile view.png

Poster Image.png

Overlap.mov

Hey Kalevi, thank you for the tip, now I know I can still use the classic editor.

But my question was more about unifying the mobile version with the desktop, re-editing everything fort he mobile ver is already a hassle, but having to change key elements on the desktop version just because the mobile one doesn't have them is extremely time consuming and inconvenient for something that seems to be very simple.

And the example I showcased is actually 2 texts overlaying (not a picture and text, my bad), the desktop has that feature but the mobile doesn't.

Posted
10 hours ago, DianaArus said:

mobile ver is already a hassle, but having to change key elements on the desktop version just because the mobile one doesn't have them

It certainly can be a hassle to adjust both layouts independently, but gives a lot of freedom. Why can't you overlap two text blocks on the mobile layout? What am I missing? 

Could you share your site wide password?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
11 hours ago, Ziggy said:

It certainly can be a hassle to adjust both layouts independently, but gives a lot of freedom. Why can't you overlap two text blocks on the mobile layout? What am I missing? 

Could you share your site wide password?

it's 'diana'

Yeah I don't mind adjust layouts independently, I like this feature, it's just the overlapping texts that I was hoping I can do on mobile. Let me know if you noticed anything on my website, thanks!

Posted
12 hours ago, DianaArus said:

it's just the overlapping texts that I was hoping I can do on mobile

This is completely possible, you simply have to move the blocks to overlap when viewing on mobile and adjust the stacking order.

https://www.loom.com/share/dde8682b300c4b72b913bb2795106149?sid=c2810ea5-868f-4a73-8abd-f352230832fe

image.png

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.