Home › Forums › Basel support forum › theme optimisation on mobile › Reply To: theme optimisation on mobile
October 22, 2018 at 2:28 pm
#84396
Bogdan Donovan
Keymaster
Hi,
You can place previous CSS code snippet that we gave you (https://xtemos.com/forums/topic/theme-optimisation-on-mobile/#post-84238) and add it to the Tablet Custom CSS Area in theme settings. In result, there will be 2 pictures in a row on the tablet devices (http://prntscr.com/l91b62).
As an alternative, you can add the following CSS code to the Tablet Custom CSS Area in theme settings. In result, all 3 column desktop galleries also became 3 column on the tablet.
.basel-images-gallery.view-grid.columns-3 .basel-gallery-item{
-webkit-flex-basis: 33.333333%;
-ms-flex-basis: 33,333333%;
flex-basis: 33,333333%;
max-width: 33,333333%;
width: 33,333333%;
}
Regards