Search Page CSS Brake

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know :)

sure added in private section

Can you go to customizer > layout > blog > featured images > archive, set Alignment to center?

Thanks, it's fine now, but the image size on search pages on desktop looks too big, can we set dimensions ?

Yes you can set image dimensions at customizer > layout > blog > featured images > archives, but I don't think that'll look great.

yes you are right, it looks terrible

I have a post lists on my homepage and want to set radius for thumbnails, i tried via CSS but it doesn't work. attaching screenshot in private area.

it is a dynamic image element

Here you go:

.home .dynamic-content-template img.dynamic-featured-image {
    border-radius: 20px;
}

this css is not working for me.

It should work:
https://www.screencast.com/t/xZeJJm63is2e

I don't see it has been added to your site.

It is working, i mistakenly added code in (max-width:768px) for mobile only that's why not showing.

Now fixed. Thanks.

Great!

Glad it works :)

Hello,

Yesterday, I shifted to Generatepress, everything works fine. But today, I checked that mobile search is not working when i tap on search icon, it doesn't show me the space to enter text for search. Not only this but I have a Web-Stories shortcode showing after post lists (content template), it also breaks, I think it is a CSS issue, can you tell me how to fix it.

Hi Haneet,

None of this CSS has anything to do with the search functionality so we can ignore it.

The issue is the stylesheet generated by the customizer is missing.

There should be this CSS on the site -

.navigation-search.nav-search-active {
    left: 0;
    right: 0;
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}

Which is the style involved in displaying the search bar if its active.

Can you try disabling the optimization plugin's critical CSS and see if it works?