Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 1, 2021 at 9:21 am #1323107
    CJGVD

    Dear Kriesi Team,

    the three most recent blog posts are shown on my frontpage, using the blog style “Blog Grid” (Blog Beiträge: Raster-Layout). On large screens and tablets in landscape the blogs are perfectly shown in 3 columns. However, on smaller screens (mobile in landscape and tablets in portrait) the three blogs are shown in a 1+2 column layout. I would like to change this 1+2 layout into a single column layout (like on mobile devices in portrait). I can’t find any options in the element Blog-Beiträge to manually choose the column format on different devices.

    Could you please tell me another solution, perhaps via CSS? Thank you very munch in advance!

    Best regards, Cornelie

    • This topic was modified 4 years ago by CJGVD.
    October 1, 2021 at 12:22 pm #1323133
    Rikard

    Hi Cornelie,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    October 1, 2021 at 2:28 pm #1323157
    CJGVD

    Dear Rikard,

    thanks for your quick reply. I noticed that in your demo the Blog Classic Grid shows the same “1+2 column layout” on mobile phones in landscape and tablets in portrait:

    Blog Classic Grid

    I hope there is a way to change this default behaviour on smaller displays into a single column layout, like on mobile phones in portrait?

    Best regards, Cornelie

    October 2, 2021 at 4:43 am #1323226
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 990px) {
.responsive #top #wrap_all .avia-content-slider .slide-entry {
    width: 100%;
    margin-left: 0;
}
}

    Best regards,
    Rikard

    October 3, 2021 at 4:42 pm #1323342
    CJGVD

    Thnx, Rikard! I’m abroad these days, so I will try on Monday and get back to you. BR, Cornelie

    October 4, 2021 at 5:29 am #1323378
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    October 4, 2021 at 8:46 am #1323399
    CJGVD

    Hi Rikard,

    thanks for the CSS code, it works! I just tuned the max-width a bit (768px) so that the 3-column layout on (smaller) tablets in landscape remains.
    You can close the thread now.

    Have a nice day!
    Best regards, Cornelie

    October 4, 2021 at 11:57 am #1323431
    Yigit

    Hi,

    Glad Rikard could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Blog grid layout: 1 column on landscape mobile devices instead of 1+2 columns’ is closed to new replies.