Search Result Page

[btroesch]

Hello, where can I edit the layout of the search result page (i.e. enable/disable sidebars, enable/disable breadcrumb)? Thank you

[Laura]

Hello, i can help you with css 🙂 So you want to hide breadcrumbs and sidebars?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[btroesch]

yes, that’s correct! 🙂

[Laura]

Hello, try by adding this to style.css of child theme

COPY CODE

.search-results section.container-wrap.main-title.alternate-color.main-center-title.border-bottom.breadcrumbs-container {
    display: none !important;
}
.search-results .sidebar.sidebar-main.col-sm-3.sidebar-right {
    display: none !important;
}
.search-results .template-page.col-sm-9.tpl-right.posts-listing.masonry-listing.with-meta {
    width: 100%;
    border: none !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[btroesch]

hello, thank you for your reply. The css works in case a search result is found, however, if no search result is found, the page looks still the same as before.

[Laura]

Hello, please send me a link directly to it so i can check the css

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[btroesch]

hello, please find the link below:

https://we-together.ch/?s=valum

[Laura]

Got it, add this to the other code 🙂

COPY CODE

.search-no-results section.container-wrap.main-title.alternate-color.main-center-title.border-bottom.breadcrumbs-container {
    display: none !important;
}
.search-no-results .sidebar.sidebar-main.col-sm-3.sidebar-right {
    display: none !important;
}
.search-no-results .template-page.col-sm-9.tpl-right.posts-listing.masonry-listing.with-meta {
    width: 100%;
    border: none !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts