badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Collapse / expand search bar

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #40525
    mail5
    Participant

    How do I set the top search bar to expand on click like it is done on the preview site (top, right),
    https://www.themehorse.com/preview/attitude-pro/

    Please see image below,

    search bar
    http://s2.postimg.org/gkktofwop/search.gif

    Also, the site does not use English language so I would need to change the “Search” (text) in the searchbar as well.

    Thanks.

    PS: I use Attitude Pro

    #40590

    Hi,

    Top search bar will expand on click by default you do not have to do anything.
    And for the “Search” (text) you have to create a .po and .mo file for the language translation and you have to put that file inside the language directory OR you have to create the child theme to directly customize the main code.

    Thank you!

    #40593
    mail5
    Participant

    Top search bar will expand on click by default you do not have to do anything.

    Strange, here the search bar is expanded by default. It never is collapsed, in other words the “search” text is always visible. Perhaps I could have done something in the settings that may have caused this. If so, how do I reverse this and get the search bar settings back to default for it to expand on click?
    Thanks.

    #40606

    Please provide us your site URL? So that we can have a look into the search form into your site.

    Thank you!

    #40633
    mail5
    Participant

    Turned out I had added some custom css that made «search» remain expanded. Everything is back to default after removing the code.

    BTW, if anyone visiting here should want to keep the «search» in expanded mode, here’s the code to add in:
    – Appearance > Theme options > custom CSS,

    input.s {
     text-indent: 0;
     width: 100px;
     border-color: #eaeaea;
     padding-left: 10px;
    }
    #40636

    Thank you for helping us
    Thank you!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.