mobile: viewport vertical results

This topic has 2 replies, 2 voices, and was last updated 6 years, 5 months ago by Ernest Marcinko.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
December 6, 2019 at 4:30 pm #24953
thnk
Participant
Dear Support,

the mobile search logic gave me goose bumbs :-). the handling of the virtual keyboard is so well designed!

Is it possible to control the viewort of the vertical results container for desktop and mobile individual?
Or is it possible to add an offset via css?

I am using the search wit the peepso gecko theme – the header is sticky – so when i use the search on mobile with viewport 4, the bottom of the results container is off screen and stays there, because of the sticky menu.

i tried your css solution from the comments but it just cuts off the containter with the content within:
@media only screen and (max-width: 480px) {
.asp_r {
max-height: 320px !important;
}
}

Now i use viewport 3.3 for both mobile and desktop. but now i wish the results container was larger on the desktop.

I hope i explained my problem in a way you can understand.

Thank you for support

Kindest Regards
- This topic was modified 6 years, 6 months ago by thnk.
- This topic was modified 6 years, 6 months ago by thnk.
- This topic was modified 6 years, 6 months ago by thnk.
- This topic was modified 6 years, 6 months ago by thnk.
December 6, 2019 at 4:44 pm #24957

thnk
Participant

You cannot access this content.

December 9, 2019 at 1:22 pm #24971
Ernest Marcinko
Keymaster
Hi!

Please try this variation of that custom code:
```
@media only screen and (max-width: 480px) {
    .asp_r .results {
        max-height: 200px !important;
    }
}
```
This should not cut off the container anymore 🙂
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.