Hide Sidebar for search results

Hi,

Please try the below custom CSS in your KLEO Child theme to remove the sidebar on the search results page and make the content full width.

.search-results .sidebar {
    display: none !important;
}
.search-results .template-page.col-sm-9.col-sm-push-3 {
    width: 100%;
    left: 0;
    border-left: 0;
}

Make sure to purge your website cache, autoptimize, CDN and front-end cache to see the changes.

Thanks,

Kieran

Hi,

I cannot see if you have applied the CSS that I have provided or not because you’re using Autoptimize. I have cleared my cache but I do not see any changes.

In what way is this a bad solution for CSS? If you would prefer to make changes to theme files instead of using CSS please copy the search.php file from the main theme into your KLEO Child theme and make any desired PHP changes.

Thanks,

Kieran

Hi Dirk,

I see and that’s a fair point, the best place to start is as above in the search.php file (once copied to the KLEO Child theme). I will refer this ticket to one of our developers for review and to potentially offer a more dynamic solution to removing the sidebar on search pages.

They’ll be in touch with you as soon as they can, Monday to Friday, East European Time.

Thank you for your patience,

Kieran

Hi,

Absolutely, I tested your code locally and it works nicely.

Kieran