Center alignment images in promo box in mobili visualization

altriastri · August 5

Hi, on my page https://labottegartigiana.it I have some promo BOX sections. In the desktop view, I have 4 promo boxes aligned two by two (photo1). Obviously, in the mobile view, they are positioned one below the other, but I have the problem that the images are not centered—they are shifted to the right (photo2) and I can't find a way to align them to the center. How can I fix this?

Thanks.

Phil · August 5

Hi,

Try the following CSS code:

@media only screen and (max-width: 767px){
 .promo_box .photo_wrapper{
  text-align: center;
 }
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Center alignment images in promo box in mobili visualization

Comments