Home Forums Basel support forum theme optimisation on mobile Reply To: theme optimisation on mobile

#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