Default Grid View – responsive problem?

  • Resolved Hamada Hussein

    (@hamadaboss)


    4 years, 7 months ago

    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 to see the link]

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

  • Hello @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

    (@hamadaboss)

    Thank you so much! Can I add the code to my child theme css?

    Hello @hamadaboss,

    Yes, you can definitely add the CSS to your child theme style.css.

    Thank you

    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.