Vibe Grid with elementor

Last updated on by

Home › Forums › Legacy Support › Support queries › Styling issues › Vibe Grid with elementor

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 29, 2019 at 5:21 am #194217
    wailokcc
    Blocked
    I have put a Vibe Grid with 4 columns (4*2 blocks) on the main page using Elementor (screenshot: https://snag.gy/b7MYBx.jpg). How can I display courses with a 2-column layout (2*4 blocks) instead of 1 column (screenshot: https://snag.gy/OUqDbX.jpg) when they are viewed by medium-sized devices (pad)? I would like to keep the 1-column layout for small devices (phone).
    January 29, 2019 at 5:28 am #194222
    wailokcc
    Blocked
    This reply has been marked as private.
    January 29, 2019 at 12:41 pm #194323
    Ava
    Member
    Hi Please paste the custom css code to Wp-admin > Appearance > customization > custom css > publish @media screen and ( max-width:768px){ .home .vibe_post_grid .vibe_grid .grid li {     max-width: 50% !important;     display: inline-block !important; } }   @media screen and ( max-width:500px){ .home .vibe_post_grid .vibe_grid .grid li {     max-width: 100% !important;     display: block !important; } }   hope it helps.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Vibe Grid with elementor’ is closed to new replies.