Hello,
Please place the following CSS in Appearance >> Customize >> Additional CSS to make the grid 3 column at minimum of 900 pixel.
@media ( min-width: 900px ){
.atbd_content_active #directorist.atbd_wrapper .atbdp_column {
width: 33.3333% !important;
}
}
Regards.
Thread Starter
avdsm
(@avdsm)
Although I put the code and not even on 900 pixels, but on 1164 pixels, HP is still 1000 pixels wide, 3 columns are visible on the site.
https://snipboard.io/wpsimY.jpg
Thread Starter
avdsm
(@avdsm)
Everything started working correctly with this style
@media only screen and (min-width: 968px) and (max-width: 1224px) {
.atbd_content_active #directorist.atbd_wrapper .atbdp_column {
width: 50% !important;
}
}
-
This reply was modified 3 years, 12 months ago by avdsm.
Hi,
For 1000 pixel view port, 2 column grid will be suitable. Here is CSS for 2 column grid for that view port.
@media ( max-width: 1000px ){
.atbd_content_active #directorist.atbd_wrapper .atbdp_column {
width: 50% !important;
}
}
Regards.