WordPress Arama Kutusu Küçültme

Merhaba, kullanacağım temada ana sayfada normal şartlarda bir arama kutusu yer almıyor. Kendim aşağıda belirteceğim kod ile bunu istediğim yere yerleştirdim fakat otomatik olarak sayfa genişliğinde büyüyor (eklediğim yerin genişliğinde).Bunu tam genişlik değilde %50 nasıl yapabilirim? (Çözüldü yorumlarda yazdım yeni kodu)
Henüz Çözemedim: Ek olarak; Mobil (Telefondan, tarayıcı küçültülüp bakınca değil) forma tıklandığında ekran hafiften bir zoom yapıyor, forma doğru yaklaşıyor. Bunu nasıl engelleyebilirim?

<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<label>
<span class="screen-reader-text"><?php echo esc_html( 'Search for:', 'label', 'photoblogster' ); ?></span>
<input type="search" class="search-field" placeholder="<?php echo esc_html( 'Ne Aramak İstemiştiniz …', 'placeholder', 'photoblogster' ); ?>" value="<?php echo get_search_query(); ?>" name="s" title="<?php echo esc_attr( 'Search for:', 'label', 'photoblogster' ); ?>" />
</label>
<button type="submit" class="search-submit"><span class="screen-reader-text"><?php echo esc_html( 'Arama', 'submit button', 'photoblogster' ); ?></span></button>
</form>

Hocam sitenin linkini verir misiniz ?

Gönderdim hocam özelden.

.search-form {
position: relative;
width: 50%;
}


Css dosyanıza yazarsanız küçülecektir hocam.



Mobil için responsive yazmanız gerekli. Örneğin genişlik 430piksel e geldiğinde divi küçült. Büyült şeklinde.

Teşekkür ederim hocam küçülttü sağolsun Team'dan bağlanıp ayarladı. Lazım olan olur belki şuraya bırakayım değişen kodu. CSS'e gerek kalmadan halletti.

<form role="search" method="get" style="width:50%;" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<label>
<span class="screen-reader-text"><?php echo esc_html( 'Search for:', 'label', 'photoblogster' ); ?></span>
<input type="search" class="search-field" placeholder="<?php echo esc_html( 'Ne Aramak İstediğinizi Giriniz …', 'placeholder', 'photoblogster' ); ?>" value="<?php echo get_search_query(); ?>" name="s" title="<?php echo esc_attr( 'Search for:', 'label', 'photoblogster' ); ?>" />
</label>
<button type="submit" class="search-submit"><span class="screen-reader-text"><?php echo esc_html( 'Arama', 'submit button', 'photoblogster' ); ?></span></button>
</form>