Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #704548

    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

    #705756

    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

    #708385

    Sorry that didn’t work. See http://www.dominicrutterford.co.uk/?s=Dinar on a mobile sized screen

    #709069

    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

    #709726

    Hi

    I got that to work as a single column in the end. The two column was glitchy.

    Thanks

    Dominic

    #710068

    Hi Dominic,

    Thanks for the feedback, please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.