Changing the size of SEARCH button

Hi,

Is there a way to make the Search button the same size as GO button (picture attached) when the screen is smaller? It’s not a huge deal I’m just a perfectionist :slight_smile:

www.biggerthanlimits.com

Anna

Hi Anna,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

#footer-sidebar .widget_search .input-group {
    width: 100%;
}

#footer-sidebar .widget_search .input-group-btn{
    width: 27%;
}
#footer-sidebar .widget_search #searchsubmit {
    width: 100%;
    padding: 8px 6px;
}

#footer-sidebar .widget_search input.form-control.search-query {
    width: 73%;
}

#footer-sidebar  .widget_search .input-group .form-control,
#footer-sidebar  .widget_search .input-group-addon, 
#footer-sidebar  .widget_search .input-group-btn{
        display: inline-block;
}

Best Regards,
Movin

Perfect!

Thank you :slight_smile:

You are most welcome here :slight_smile: