.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>