How to resize form search?

[ChristyParticipant]

hello..!
is it possible to resize the .socialmedia #searchsubmit? like this

[Themonic-SupportKeymaster]

Hi,

Use in Customizer -> Additional CSS like this

.socialmedia #searchform {
    width: 70%;
}

The above is for the stretch width after click.

If you want the default width to be bigger, use like

.socialmedia #searchform #s {
    width: 70%;
}

[ChristyParticipant]

how to disable the effect?

[Themonic-SupportKeymaster]

.socialmedia #searchform #s:focus {
    width: 70%;
}

The above will match the width with previous code and there will be no transition effect because width is now same.

To remove effect:

.socialmedia #searchform #s {
    -webkit-transition: none;
    transition: none;
}

[Author]

Posts