Ajax Search Result

[rikbutterflyskull]

Hi, today i found out that when the search results box is bigger then page height there isn’t a way to scroll up/down the box. Is possible to have a scrolling overflow?

I try with css with no results.

[rikbutterflyskull]

This works

COPY CODE

#ajax_search_container {
   overflow: scroll;
   height: 100%;
   min-height: 500px;
}

Declaring 500px as min-height is not good for different resolution ( i’m using 1280×800). I should write every media-query for different screens.

I not tested the mobile layout yet.

[rikbutterflyskull]

UPDATE
With the first code the height was always 500px, even if there wasn’t results.
This works better with heights.

COPY CODE

.kleo_ajax_results {
	min-height: 100px;
	height: auto;
	max-height: 400px;
	overflow: scroll;
}

This situation is related in have more similar results in many post types, for example GeoDirectory places like Pub or Restaurants, tour pages and blog. is hard it happens in normal usage.

I’ll test in various screens later this week.

Bye

[Laura]

Hello, have you tried deactivating some plugins and testing again?
Please let me know if you manage to resolve it, will be here to help 🙂

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

[rikbutterflyskull]

It’s not a plugin problem or a bug, is only a bunch of results in no-scrolling search container 🙂

COPY CODE

.kleo_ajax_results {
	min-height: 88px;
	height: auto;
	max-height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
}

With this i fix my problem hoping to be useful to someone else. I just have to write media queries for other resolutions. Thnaks

[Laura]

Glad you could resolve it 🙂

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

[Author]

Posts