Jump to content

Please help for mobile image cannot aligned

Recommended Posts

Site URL: https://apetrippy.com/

Dear all, 

May I have your help on my website www.apetrippy.com

The image alignment looks good, but when i read in mobile. The side by side image has not properly aligned. The side by side image is handled by the below CSS code. (#block-61d6ae803eb8cd481902072f  and #block-24780a646f48adcd8b07)

I  have tried to add new sections using the below code,  but 2 images displayed in mobile is not aligined , i tried to re-do and change number, but cannot align it properly in mobile view.

 

Anyone can help me? Thankss

@media only screen and (max-width: 767px) {
  #block-c4cece7b237a75a37fff + .row > .col {
    width: 50% !important; 
    float: left !important
  }
  #block-61d15aa70a469270eb1e1bd1 + .row > .col {
    width: 50% !important; 
    float: left !important
  }
  #block-080f1ec6c4cbd0471f76 + .row > .col {
    width: 50% !important; 
    float: left !important
  }
  #block-319745b2a01ba6fc2191 + .row > .col {
    width: 50% !important; 
    float: left !important
  }
  #block-24780a646f48adcd8b07 + .row > .col {
    width: 50% !important; 
    float: left !important
  }
  #block-61d6ae803eb8cd481902072f + .row > .col {
    width: 50% !important; 
    float: left !important  
  }
}

#block-61d6ae803eb8cd481902072f
 image.thumb.png.99ff043b52535b9cad3cd331643f823a.png

 

#block-24780a646f48adcd8b07

image.thumb.png.6dd5ea1c66468ba71e41c0422a7b1f73.png

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

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.