Search size bar

  • Resolved goncalonunogarcia

    (@goncalonunogarcia)


    3 weeks, 4 days ago

    HI

    I needed a larger search bar, so I used this css:

    header .aws-container .aws-search-form, header .aws-container .aws-search-field {
    border-radius: 5px 0px 0px 5px !important;
    width: 500px;
    } header .aws-container .aws-search-form .aws-form-btn {

    border-radius: 0px 5px 5px 0px !important;

    }
    header form.aws-search-form.aws-show-clear {
    border-radius: 5px !important;
    }

    But I have a problem, the size is ok on desktop but terrible in mobile, as u can see here:

    desktop https://snipboard.io/17Ldh2.jpg
    mobile https://snipboard.io/B8qFjJ.jpg

    Can I have some help pls

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author ILLID

    (@mihail-barinov)

    3 weeks, 4 days ago

    Hi,

    Please try to use this additional style:

    @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1024px) {
        header .aws-container .aws-search-form, header .aws-container .aws-search-field {
            max-width: 100%;
            width: auto !important;
        }
    }
    Thread Starter goncalonunogarcia

    (@goncalonunogarcia)

    3 weeks, 3 days ago

    Perfect!!

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.