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?



Edited by dtarro
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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

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.