mobile: viewport vertical results

Home Forums Product Support Forums Ajax Search Pro for WordPress Support mobile: viewport vertical results

This topic contains 2 replies, has 2 voices, and was last updated by

 
Keymaster
2 years, 1 month ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #24953

    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 2 years, 1 month ago by  thnk.
    • This topic was modified 2 years, 1 month ago by  thnk.
    • This topic was modified 2 years, 1 month ago by  thnk.
    • This topic was modified 2 years, 1 month ago by  thnk.
    #24957

    Participant
    You cannot access this content.
    #24971

    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 🙂

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


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

You must be logged in to reply to this topic.