![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
October 1, 2021 at 9:21 am #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 2 years, 11 months ago by
CJGVD.
October 1, 2021 at 12:22 pm #1323133Hi Cornelie,
Could you post a link to where we can see the element in question please?
Best regards,
RikardOctober 1, 2021 at 2:28 pm #1323157Dear 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
October 2, 2021 at 4:43 am #1323226Hi,
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,
RikardOctober 3, 2021 at 4:42 pm #1323342Thnx, 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 #1323378Hi,
Thanks for the update. Please let us know if you should need any further help on the topic.
Best regards,
RikardOctober 4, 2021 at 8:46 am #1323399Hi 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, CornelieOctober 4, 2021 at 11:57 am #1323431Hi,
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 -
This topic was modified 2 years, 11 months ago by
-
AuthorPosts
- The topic ‘Blog grid layout: 1 column on landscape mobile devices instead of 1+2 columns’ is closed to new replies.