Jump to content

Aligning collage image and title/subtitle on mobile

Recommended Posts

Site URL: https://www.pearlsandpoets.com

Hello!

site: https://www.pearlsandpoets.com

I'm having a hard time getting the image on my main page to display nicely on desktop and mobile. There are no styles that look good on both. On desktop I prefer the collage style, but on mobile, the text/subtext/button are aligned to the left and it looks awkward. Is there a way to align them, and the image, in the centre? I've used this code already to move the image from the far right to the centre: 

@media screen and (max-width:949px) { 
  #block-8833c352c1b2c10b6b09 {  width: 110% !important ;
    margin-left: -15%;
    margin-right: auto; 
    float: none !important; 
 }}

But can't figure out how to shift the text over. 

Thank you!

Megan

 

Screen Shot 2021-02-12 at 1.15.44 PM.png

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.