3 columns of content

  • Resolved avdsm

    (@avdsm)


    4 years, 7 months ago

    Please tell us which style file should be corrected so that 3 columns of content appear only after the width of 900 pixels. Now 3 columns appear at a width of 620 pixels, which does not look nice when choosing a grid.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • 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)

    Thanks!

    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 4 years, 7 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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘3 columns of content’ is closed to new replies.

Tags