Title: Grid doesn’t work
Last modified: April 15, 2020

---

# Grid doesn’t work

 *  Resolved [ephremfirew](https://wordpress.org/support/users/ephremfirew/)
 * (@ephremfirew)
 * [6 years ago](https://wordpress.org/support/topic/grid-doesnt-work/)
 * Hello,
 * Grid doesn’t work. Do you have a solution? [Click here](https://www.worldaddressbook.com)
   to see.
 * Regards,
    -  This topic was modified 6 years ago by [ephremfirew](https://wordpress.org/support/users/ephremfirew/).

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

 *  [aazztech](https://wordpress.org/support/users/aazztech/)
 * (@aazztech)
 * [6 years ago](https://wordpress.org/support/topic/grid-doesnt-work/#post-12681294)
 * Hi Ephrem Firew Asrat,
    Thank you for reaching us out. The grid layout is not
   working because, a CSS code from other theme or plugin is overriding our style.
   Please add following CSS code in your the Customize >> Additional CSS to fix 
   the conflict.
 *     ```
       @media sceen and ( max-width: 992px ) {
       	.atbd_content_active #directorist.atbd_wrapper .atbdp_column {
       		max-width: 33.333333333333% !important;
       	}
       }
       ```
   
 *  Thread Starter [ephremfirew](https://wordpress.org/support/users/ephremfirew/)
 * (@ephremfirew)
 * [6 years ago](https://wordpress.org/support/topic/grid-doesnt-work/#post-12682579)
 * Thanks, [@aazztech](https://wordpress.org/support/users/aazztech/),
 * I added the custom CSS code, and it worked for the desktop view. But the first
   line of media screen CSS rule is not necessary to work. Maybe a theme problem.
   And sadly it caused the tablet and mobile view to shrink. So what is your suggestion?
 * I have also tried this
 *     ```
       @media (max-width: 992px)
       .atbd_content_active #directorist.atbd_wrapper .atbdp_column {
           width: 33.333333333333% !mportant;
       }
   
       @media (max-width: 767px)
       .atbd_content_active #directorist.atbd_wrapper .atbdp_column {
           width: 50% !important;
       }
   
       @media (max-width: 575px)
       .atbd_content_active #directorist.atbd_wrapper .atbdp_column {
           width: 100% !important;
       }
       ```
   
 * **But, it didn’t work.**
 * Regards,
 *  [aazztech](https://wordpress.org/support/users/aazztech/)
 * (@aazztech)
 * [6 years ago](https://wordpress.org/support/topic/grid-doesnt-work/#post-12692320)
 * Hi,
    Sorry for the inconvenience. Your CSS code above was almost correct, you
   just missed the curly braces from their parent selector. Here is the corrected
   CSS you can apply now in your themes Additional CSS menu.
 *     ```
       @media ( min-width: 992px ) {
       	.atbd_content_active #directorist.atbd_wrapper .atbdp_column {
       		max-width: 33.333333333333% !important;
       	}
       }
   
       @media (max-width: 767px) {
         .atbd_content_active #directorist.atbd_wrapper .atbdp_column {
           width: 50% !important;
         }
       }
   
       @media (max-width: 575px) {
         .atbd_content_active #directorist.atbd_wrapper .atbdp_column {
           width: 100% !important;
         }
       }
       ```
   
 * Thanks.
 *  Thread Starter [ephremfirew](https://wordpress.org/support/users/ephremfirew/)
 * (@ephremfirew)
 * [6 years ago](https://wordpress.org/support/topic/grid-doesnt-work/#post-12692881)
 * Hi [@aazztech](https://wordpress.org/support/users/aazztech/),
 * Now it is working.
 * Thanks!

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

The topic ‘Grid doesn’t work’ is closed to new replies.

 * ![](https://ps.w.org/directorist/assets/icon-256x256.gif?rev=3185058)
 * [Directorist: AI-Powered Business Directory, Listings & Classified Ads](https://wordpress.org/plugins/directorist/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/directorist/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/directorist/)
 * [Active Topics](https://wordpress.org/support/plugin/directorist/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/directorist/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/directorist/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [ephremfirew](https://wordpress.org/support/users/ephremfirew/)
 * Last activity: [6 years ago](https://wordpress.org/support/topic/grid-doesnt-work/#post-12692881)
 * Status: resolved