Centering Gallery on Mobile View

Site URL: https://www.samaykindra.org/

Hi!

I have a 5 image gallery and am trying to center align it (as opposed to left align) on mobile view. There's three rows with the law row only having one image as opposed to two so I'd like to center it for aesthetic purposes. 

I've tried some code however it ends up aligning everything to the center but with a separate row for each image.

Thanks in advance!

Hi. You mean center image 5?

Add this code to Design > Custom CSS

/* Center mobile gallery image */
@media screen and (max-width:767px) {
body.homepage .gallery-grid-wrapper figure:nth-child(5) {
    position: relative;
    right: -50%;
}
}

On 7/1/2021 at 7:47 AM, ish13 said:

Site URL: https://www.samaykindra.org/

Hi!

I have a 5 image gallery and am trying to center align it (as opposed to left align) on mobile view. There's three rows with the law row only having one image as opposed to two so I'd like to center it for aesthetic purposes. 

I've tried some code however it ends up aligning everything to the center but with a separate row for each image.

Thanks in advance!

10 hours ago, tuanphan said:

Hi. You mean center image 5?

Add this code to Design > Custom CSS

/* Center mobile gallery image */
@media screen and (max-width:767px) {
body.homepage .gallery-grid-wrapper figure:nth-child(5) {
    position: relative;
    right: -50%;
}
}

 

Yes, thank you!