Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1323107

    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 3 years, 2 months ago by CJGVD.
    #1323133

    Hi Cornelie,

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

    Best regards,
    Rikard

    #1323157

    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:

    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

    #1323226

    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

    #1323342

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

    #1323378

    Hi,

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

    Best regards,
    Rikard

    #1323399

    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

    #1323431

    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

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.