Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Center Collage Images on Mobile


ellisaurus

Question

Site URL: https://ellifischer.de/blog/lesemonat-august-2020

Hello, 

i have a small problem with the mobile view of the pictures "Collage".

I changed the order using the following code so that text comes first and then image.  I was able to center the title and subtitle - and also the image if it is on the left in the normal view. Only the images on the right are still centered on the right. Unfortunately I can't find a code to address. Can anyone help me?

@media (max-width: 640px){
  div .sqs-block-image .image-block-outer-wrapper.image-block-v2 {
    flex-direction: column-reverse !important;      
    display: flex !important;
    align-items: center;
  }
}

// Padding Between Text and Image //
@media screen and (max-width:640px) {
.sqs-block.image-block .image-caption-wrapper p {
 text-align: center !important;
}
}

@media (max-width: 640px){
.sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card {
    padding-bottom: 50px !important;
  padding-top: 30% !important;
  margin: 0 auto;
  }
}

 

Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

1 answer to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...