Course grid too large for tablet

[Wp-zm]

Hi, On a wide screen i am displaying 4 courses per row. On mobile it displays one course and thats fine. But for tablet it is displaying one big course grid. How to change that and make it display 2 courses instead of one ?   Thanks

[Wp-zm]

Under Vibe Grid I set 'Grid Masonry layout' to yes. and this solves the breakpoint issue. Now Im trying to figure out how to center the courses inside the grid.  Cant find a center option in vibe grid under elementor

[Veronica]

hi, send the URL of the page on which you want to make changes and provide some screenshot for clarifying that what you exactly want. and provide the credentials for further checking the issue but in private reply.

[Wp-zm]

This reply has been marked as private.

[Veronica]

hi, add this code in appearance>>customize>>custom css

---

.elementor-widget-container .v_module.vibe_post_grid  .vibe_grid.masonry ul.grid.masonry { left:200px !important; }

---

let me know the result

[Wp-zm]

Hello, No it didn't work. Same problem can be seen here: https://wplms.io/demos/modern/ In the meantime I wont use the grid masonry layout

[Veronica]

Hello, it is already in 2 columns, Refer: http://prntscr.com/pm479n Please let me know the page URL where had you used the masonry grid.  we will have a look.

[Wp-zm]

Hello, I was not refering to the break point issue, this was solved using the masonry grid. The problem is that the couses are not centered properly inside the grid; see the gap on the right of the grid on the screenshot you sent. Thanks

[Veronica]

hi, ok i got it use this code @media screen and (min-width:624px) and (max-width:992px) { ul.grid.masonry  { left: 11vw !important; } }

[Wp-zm]

How do I center the course category filter as in this demo: https://wplms.io/demos/oneinstructor/ Thanks

[logan]

This reply has been marked as private.

[Wp-zm]

Thanks.    

[Veronica]

can close the topic?

[Wp-zm]

Yes you can close the topic.  

[Veronica]

closing  

[Author]

Posts