Tagged: mobile site, search box
-
AuthorPosts
-
August 9, 2015 at 10:04 pm #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.
August 9, 2015 at 10:31 pm #484948Hi 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/customizationLet us know if we could do anything else, regarding our theme
Cheers!
BasilisAugust 9, 2015 at 11:17 pm #484974Hi 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!
August 10, 2015 at 1:09 pm #485251Hey!
refer to this post: https://kriesi.at/support/topic/search-icon-disappears-on-mobile-after-enfold-update-3-1-3/#post-421148
Cheers!
AndyAugust 12, 2015 at 9:12 pm #486788Hello. 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!
August 14, 2015 at 12:36 pm #487721Hi!
can you post admin login details here, so we can take a closer look? post it here as private reply.
Regards,
AndyAugust 15, 2015 at 8:23 pm #488289OK. I provided the login info. Thanks.
August 17, 2015 at 11:51 am #488801Hi!
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,
AndyAugust 22, 2015 at 5:23 pm #491738I 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.
August 25, 2015 at 11:55 am #492819Hey!
try this solution instead:
https://kriesi.at/support/topic/easy-slider-with-video-header-icon/#post-480687Regards,
AndySeptember 12, 2015 at 5:16 am #501956Thanks. 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.
September 14, 2015 at 3:43 pm #502837Hi!
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!
ElliottOctober 11, 2015 at 6:48 pm #517001I 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.
-
AuthorPosts
- The topic ‘Enabling Search Option in Mobile Version of Site’ is closed to new replies.