Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #484939

    Hello. Is it possible to add a small search bar below the header area on the mobile version of the site? Please advise, what needs to be done to add a search area, since there is no option available to search the mobile version of the site.

    #484948

    Hi ACNLatitudes!

    Everything is possible, but that would need a lot of work to be done.

    You can contact one of our Customization Contractors, who will help you out with the process.
    http://kriesi.at/contact/customization

    Let us know if we could do anything else, regarding our theme

    Cheers!
    Basilis

    #484974

    Hi Basilis, Thanks for the reply. OK. Let’s skip having the search bar below the header.

    Is there some other simple solution for giving users the option to search the mobile version of our site? E.g., adding a magnifying glass in the header area or adding a search option within the mobile popup menu, etc.

    Please advise how I can enable search for our mobile users. Thanks!

    #485251
    #486788

    Hello. I added the two sets of code that are referenced on that page to my quick css, but the search icon is not showing up.

    @media only screen and (max-width: 989px) {
    .responsive.html_mobile_menu_tablet .main_menu .avia-menu, .responsive.html_mobile_menu_tablet #header_main .social_bookmarks, .responsive.html_mobile_menu_tablet #header_main_alternate {
    display: block;
    }
    li#menu-item-search {
    margin-top: -90px;
    }}
    @media only screen and (max-width: 480px) {
    li#menu-item-search {
    margin-top: 0;
    }}

    Please advise. Thanks!

    #487721

    Hi!

    can you post admin login details here, so we can take a closer look? post it here as private reply.

    Regards,
    Andy

    #488289

    OK. I provided the login info. Thanks.

    #488801

    Hi!

    try this code:

    @media only screen and (max-width: 989px) {
    .responsive .av_mobile_menu_tablet .main_menu, #top #menu-item-search { 
    display: block !important; 
    }} 
    

    However, no changes will be visible as you are using a caching plugin. Go into plugin’s setting and switch off caching. Afterwards clear browser cache and hard refresh a few times.

    Best regards,
    Andy

    #491738

    I tried following your steps, but it still isn’t showing up on the mobile site. Please try using the login details that I provided in my last reply and see if you can figure out why it is not working. Thanks.

    #492819
    #501956

    Thanks. I tried that other solution, but it put the search box on both the mobile site AND on the desktop site. Are there any other simple solutions to get this resolved? Also, do you guys have any plans on adding this functionality directly into the theme as a standard setting turning mobile search on or off?

    Having a search option on the mobile site seems like a must-have feature that should be standard in any responsive theme… especially one that is as flexible as Enfold. Please advise.

    #502837

    Hi!

    We might see an option get added in a future update. Do the fix again and we’ll give you CSS to hide the one on desktop.

    Cheers!
    Elliott

    #517001

    I was able to resolve the CSS issue. Thanks for looking into adding a simple option to turn the mobile search option on/off as part of a future update. That would be very useful to have, since it seems a lot of people are having problems with this issue (based on all of the support posts from others on how to add a mobile search option).

    You can close out this ticket.

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Enabling Search Option in Mobile Version of Site’ is closed to new replies.