1 column grid on mobile screens

Hi! On desktop screen images are arranged in 4 column grid. When screen is smaller, but there is enough space to contain 2-3 columns, images are arranged in 1 column. How to regualte this? I found code in class-frontend.php, but I can’t figure out how to edit it. Can you help?

$inline_css = ‘#rl-gallery-container-‘ . $gallery_no . ‘ .rl-basicgrid-gallery {
padding: ‘ . ( -$atts[‘gutter’] ) . ‘px;}
#rl-gallery-container-‘ . $gallery_no . ‘ .rl-basicgrid-gallery .rl-gallery-item {width: calc(‘ . ( 100 / $atts[‘columns’] ) . ‘% – ‘ . $atts[‘gutter’] . ‘px);
margin: ‘ . ( $atts[‘gutter’] / 2 ) . ‘px;
}
@media all and (min-width: 1200px) { #rl-gallery-container-‘ . $gallery_no . ‘ .rl-basicgrid-gallery .rl-gallery-item {width: calc(‘ . ( 100 / $atts[‘columns_lg’] ) . ‘% – ‘ . $atts[‘gutter’] . ‘px);

• This topic was modified 3 years, 7 months ago by Edward Bedarev.