Search size bar | WordPress.org

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]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer