Width 100% results

  • Resolved andygroove

    (@andygroove)


    1 year, 6 months ago

    On desktop, I have fixed form width = 760 pixels (is-search-form). And on the mobile version, the width of the form = 100%. How to make the container (is-ajax-search-result) exactly the size of the form (100%)?

    As you can see in the screenshot, the container is more than a form

    https://skr.sh/sLsq9TEkd7k

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    I hope you are well today and thank you for your question.

    You can achieve this by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Admin Area -> Ivory Search -> Settings -> Settings

    @media screen and (max-width: 910px){
    .home #is-ajax-search-result-139 {
        left: 12px !important;
        max-width: calc(100% - 25px) !important;
    }
}

    Best regards,

    Thread Starter andygroove

    (@andygroove)

    ok thanks. but how it works for this??
    https://skr.sh/sLvRGb7jvC4

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    It works fine for me.

    Please test it after clearing your browser cache.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Width 100% results’ is closed to new replies.