Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support rashed848

    (@rashed848)

    Greetings!

    Thanks for reaching out.

    The left side bar filter theme specific. Only the premium themes offer that built in. However, there is an workaround you can use. In the Search result/ All listing page, you can add the Search form widget at the left side and keep the Search result/All listing widget at the right side.

    Regards,

    Thread Starter DeepBlue

    (@deepblue5)

    Hi

    We found a solution without having to use one of your themes as you said this left sidebar filters was theme specific

    The workaround we found is to show the toggle filters on left sidebar with CSS and then to hide the toggle button

    Here is the working CSS : (this only applies on Desktop view)

    @media only screen and (min-width: 800px) {
    
    /* Sidebar filters float left */
    .directorist-search-slide {
    float: left;
    width: 300px;
    }
    
    /* Archive listings float right */
    .directorist-archive-items.directorist-archive-grid-view {
    float: right;
    width: 960px;
    }
    
    }
    
    @media only screen and (min-width: 800px) {
    
    /* Listings items margin right on grid view */
    .directorist-listing-single {
    margin-right: 20px;
    }
    
    }
    
    @media only screen and (min-width: 800px) {
    
    /* On desktop view always show sidebar filters (not having to toggle it) */
    .directorist-search-slide .directorist-advanced-filter {
    display:block!important;
    }
    
    /* On desktop view hide the "Filters" button to toggle sidebar filters */
    a.directorist-btn.directorist-btn-sm.directorist-btn-px-15.directorist-btn-outline-primary.directorist-filter-btn {
    display: none;
    }
    
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to have filters on left sidebar on listings view’ is closed to new replies.