Move search button from underneath search box

  • Resolved juicingexpert

    (@juicingexpert)


    8 years, 2 months ago

    Hello,

    I installed an update to Woocommerce and now my search button is underneath the search box. I would prefer for it to be to the right of the box or a magnifying glass inside / to the right of the search box.

    I tried to make a magnifying glass inside the search box, based on the instructions here. However, this just caused my search button to disappear.

    Does anyone know how to align the search button to the right of the search box or to change it to a magnifying glass inside / to the right of the search box?

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mikey Arce

    (@mikeyarce)

    8 years, 2 months ago

    Hi @juicingexpert,

    I’ve heard of this issue sometimes with Storefront child themes if Storefront was also not updated.

    Can you try updating Storefront and any child theme you have if that’s the case? If it’s a Storefront issue and this doesn’t help, please ask for help here with Storefront:
    https://wordpress.org/support/theme/storefront/

    If it’s NOT Storefront, I would suggest contacting your theme author for help.

    Thread Starter juicingexpert

    (@juicingexpert)

    8 years, 2 months ago

    @mikeyarce – thank you so much! That did the trick!

    I am using Storefront and the search button disappeared after the update. Is this expected?

    Mikey Arce

    (@mikeyarce)

    8 years, 2 months ago

    Hi @juicingexpert,

    Yeah the button is not there by default. If you wanted to show it you could do something like this:

    .site-search .widget_product_search button[type=submit] {
    position: inherit !important;
    float: right;
    height: 46px;
    width: 36%;
}
.site-search .widget_product_search form input[type=search]{
width: 62%;
}

    You would just need to maybe add in some more CSS to account for the different screen sizes to make sure the search button didn’t warp too much in smaller screens.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Move search button from underneath search box’ is closed to new replies.