Hi Yigit et al
We have closed this thread https://kriesi.at/support/topic/i-want-to-display-my-search-results-in-a-grid/#post-703780 but I have found a problem with the grid search results/this solution on mobile.
Basically the search results stay in five columns all the way from desktop down to mobile. On other masonry/grid features the grid changes to two column on mobile landscape and a single column on mobile portrait.
Do you know how I can fix this?
Dominic
Hi domchocolate!
Thank you for using Enfold.
Please add this code in the Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-entry {
width: 48% !important;
margin-left: 4% !important;
}
}
Make sure to add it below this one.
.template-search .post-entry {
position: relative;
clear: both;
}
Regards,
Ismael
Sorry that didn’t work. See http://www.dominicrutterford.co.uk/?s=Dinar on a mobile sized screen
Hey!
Please post the login details here so that we can test the css modification. Or try this code:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-entry {
width: 46% !important;
margin-left: 2% !important;
clear: none !important;
}
.responsive #top #wrap_all .slide-entry:first-child {
margin-left: 0 !important;
}
.search-results .slide-entry-wrap {
display: block;
}
}
Use this one instead of the previous code.
Regards,
Ismael
Hi
I got that to work as a single column in the end. The two column was glitchy.
Thanks
Dominic