Jump to content

Some photos appearing in bottom of section in mobile

Recommended Posts

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

The style I went with was the images alternating sides for each section. However, on mobile the left side is assigned to the top of the section and the right side is placed at the bottom. I'm worried this is an HTML problem and not a CSS problem. Anyone know of a work-around?

Also, is there a way to make the text go to a new line instead of hyphenate?

IMG_2420.PNG

IMG_2419.PNG

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

You will need to flip each section manually. This will do the first one on your home page.

This will also remove the hyphens sitewide.

@media screen and (max-width: 640px) {
  #page-5eff9a46cdfa560968edb6a3 .row.sqs-row:nth-child(2) {
    display: flex;
    flex-direction: column-reverse;
  }
}

* {
  hyphens:none !important;
  moz-hyphens: none !important;
}

 

Link to comment

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.