Docs

[RubenCressPhotography]

Hi,

How can I remove the description in search results and have a responsive ‘grid’ of title/thumbnail

I have tried several solutions already offered on the forum.

This one is the best solution so far, but on smartphones there are still two thumbs/title/desc showing which makes the search results impossible to read properly.

@media only screen and (min-width: 980px) {}
.search-results .x-main article {
  float: left;
  margin-right: 2%;
  width: 48%;
}
}

Thanks in advance,

Cheers,
Ruben

[Darshana]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[RubenCressPhotography]

This reply has been marked as private.

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.search .entry-content.excerpt {
display: none;
}

Hope it helps

Joao

[RubenCressPhotography]

Hi Joao,

Thank you so much for your input, it indeed removes the description when looking on a phone.
But I’m afraid I didn’t explain myself correctly 😀

What I need is the following.

Normal Screen
– No Description
– 2 rows

Tablet/Mobile Screen
– No Description
– 1 Row

In both cases the meta shouldn’t be there as well.

Thanks in advance!

[Joao]

Hi There,

This should remove the description on every device and make your columns on mobile take 100% of the width.

If that does not work, please provide your admin credentials in a private reply so we can take a look.

Please check your code and make sure you have closed all media queries prior this code with the “doublen }”

Thanks

.search .entry-content.excerpt {
display: none !important;
}

@media(max-width: 480px) {

.search-results .x-main article {
    width: 100%;
} }

[RubenCressPhotography]

Perfect!

And how can I remove the meta on all screens?

Cheers,
Ruben

[Rahul]

Hi There

You could go to Customizer > Blog and under content there is an option for Post Meta and you can just turn it off.

Let us know if this information helps

Thanks.

[RubenCressPhotography]

Hi Rahul,

The blog meta is already turned off, it appears the meta still show in the search results.

Thanks

[Darshana]

Hi Ruben,

You can add this under Custom > CSS in the Customizer.

.search-results .p-meta {
    display: none;
}

Hope that helps.

[Author]

Posts