Title: Default Grid View – responsive problem?
Last modified: April 15, 2020

---

# Default Grid View – responsive problem?

 *  Resolved [Hamada Hussein](https://wordpress.org/support/users/hamadaboss/)
 * (@hamadaboss)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/default-grid-view-responsive-problem/)
 * Hello Guys,
    I have used a filter code and added it to my child theme functions
   to make the default view Grid instead of list, now with the grid view as default
   view, the responsive does not work, it show 2 rows on the pc desktop view, and
   still shrinking the two rows in the mobile phones view and everything looks missy.
   How can I fix this problem?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fdefault-grid-view-responsive-problem%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [wensolutionsupport](https://wordpress.org/support/users/wensolutionsupport/)
 * (@wensolutionsupport)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/default-grid-view-responsive-problem/#post-12681725)
 * Hello [@hamadaboss](https://wordpress.org/support/users/hamadaboss/),
 * Actually, the issue has raised due to the incompatibility of the theme with the
   plugin. The CSS from the theme has overridden the CSS from the plugin.
 * So as a fix, please add below given CSS by going to **Admin Panel > Appearance
   > Customize > Additional CSS.**
 *     ```
       @media (max-width: 767px){
       .wp-travel-itinerary-items ul.wp-travel-itinerary-list.itinerary-2-per-row li {
           width: calc(100% - 40px);
       }
       }
       ```
   
 * Hope this helps.
 * Also, please post your queries directly in our official support forum as mentioned
   above.
 * Thank you.
 *  Thread Starter [Hamada Hussein](https://wordpress.org/support/users/hamadaboss/)
 * (@hamadaboss)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/default-grid-view-responsive-problem/#post-12684596)
 * Thank you so much! Can I add the code to my child theme css?
 *  [wensolutionsupport](https://wordpress.org/support/users/wensolutionsupport/)
 * (@wensolutionsupport)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/default-grid-view-responsive-problem/#post-12687029)
 * Hello [@hamadaboss](https://wordpress.org/support/users/hamadaboss/),
 * Yes, you can definitely add the CSS to your child theme style.css.
 * Thank you
 *  [WEN Solutions](https://wordpress.org/support/users/wen-solutions/)
 * (@wen-solutions)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/default-grid-view-responsive-problem/#post-13027351)
 * Ticket closed due to 2 weeks of inactivity

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

The topic ‘Default Grid View – responsive problem?’ is closed to new replies.

 * ![](https://ps.w.org/wp-travel/assets/icon-256x256.gif?rev=2948554)
 * [WP Travel - Ultimate Travel Booking System, Tour Management Engine](https://wordpress.org/plugins/wp-travel/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-travel/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-travel/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-travel/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-travel/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-travel/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [WEN Solutions](https://wordpress.org/support/users/wen-solutions/)
 * Last activity: [5 years, 11 months ago](https://wordpress.org/support/topic/default-grid-view-responsive-problem/#post-13027351)
 * Status: resolved