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
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
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.
This reply has been marked as private.
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
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
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.
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
hi,
ok i got it
use this code
@media screen and (min-width:624px) and (max-width:992px) {
ul.grid.masonry {
left: 11vw !important;
}
}
How do I center the course category filter as in this demo:
https://wplms.io/demos/oneinstructor/
Thanks
This reply has been marked as private.
Yes you can close the topic.