Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 15, 2014 at 11:45 am #210000
    progenki

    Hello,

    How do I add a mobile search bar?

    • This topic was modified 10 years, 9 months ago by progenki.
    January 15, 2014 at 5:23 pm #210112
    Yigit

    Hey progenki!

    Please go to Appearance > Editor and open Header.php file and find

    do_action('ava_after_main_menu');

    and add following code right below it

    echo get_search_form();

    then add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (min-width: 767px) {
#top #searchform>div { display: none; }}

    Regards,
    Yigit

    January 16, 2014 at 2:59 pm #210695
    progenki

    Thank you for the code. I tried it out.

    The search bar appeared but on top of the logo.

    I am using a child theme. I placed the header code in the adult theme and the style code in the child theme.

    Could this be the cause?

    January 16, 2014 at 4:39 pm #210729
    Yigit

    Hey!

    Can you post the link to your website where you made changes? Have you removed the code?

    Cheers!
    Yigit

    January 17, 2014 at 4:36 am #211004
    progenki

    I put it back up.

    Progenki.com

    Please let me know as soon as possible so I can take it down.

    Thank you

    January 17, 2014 at 7:11 am #211048
    Ismael

    Hey!

    Add this on Quick CSS:

    @media only screen and (min-width: 767px) {
#searchform {
display: none;
}
}

    Use this to adjust the searchbar position:

    @media only screen and (min-width: 767px) {
#top #searchform {
position: absolute;
top: 90px;
}
}

    Best regards,
    Ismael

    January 17, 2014 at 10:24 am #211137
    progenki

    Thanks for the help, however, I have two searchbars on the computer view. How Can I make this only appear on the mobile side?

    January 17, 2014 at 10:41 am #211142
    Yigit

    Hi!

    Please find “767px” in Ismael’s code and change it to 480px. So it should display only on smartphones

    Regards,
    Yigit

    January 17, 2014 at 11:47 am #211165
    progenki

    Thank you very much for all the help

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Mobile Search Bar’ is closed to new replies.