Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • November 30, 2015 at 5:55 pm #544670
    navnak

    Hi there again,

    Can you please help me with the following? I don’t know why you guys did not implement this option as a default one in your theme. I want to have a search button on mobile devices (see screenshot below). Can you help me with this, or you can point me in the right direction. I found different topics on this forum but they all didn’t the trick.

    Thanks

    https://www.dropbox.com/s/d2rkzemhj1rd14f/searchitem_mobile.png?dl=0

    November 30, 2015 at 9:45 pm #544813
    Basilis

    Hey Roy!

    Have you tried the following here:
    https://kriesi.at/support/topic/mobile-search-bar/

    and it did not worked for you?

    Best regards,
    Basilis

    November 30, 2015 at 10:56 pm #544867
    navnak

    Hi Basilis,

    Thank you for your response,
    I did a search in the header.php file but in there there is no do_action('ava_after_main_menu'); only a do_action('ava_after_main_container');

    I tried to put the code behind that code, but with no result.

    So I do not know where to put the code.
    Best Regards,
    Roy

    • This reply was modified 8 years, 11 months ago by navnak.
    November 30, 2015 at 11:09 pm #544873
    navnak

    Hi Basilis,

    An update: the code works now. THANKS!!!
    Another question. Is there no AJAX functionality which can added tot the code?

    Best Regards,
    Roy

    December 1, 2015 at 1:36 pm #545139
    navnak

    Hi Basilis,

    Everything works now but the original search option at the right of the main menu doesn’t work anymore. Can you take a look? See here: http://vanvlodropict.nl/

    Best Regards,
    Roy

    December 3, 2015 at 3:01 pm #546431
    Yigit

    Hey!

    Can you please undo the changes you have made and check if that fixes the button? If it does, we can think another way of displaying search button on mobile devices

    Cheers!
    Yigit

    December 3, 2015 at 3:38 pm #546462
    navnak

    Hi there,
    I removed te css. The searchbar is nog OK again but is showing the searchbar just below the (logo) header.

    <?php 
		
		if(isset($avia_config['temp_logo_container'])) echo $avia_config['temp_logo_container'];
		do_action('ava_after_main_container');
		echo get_search_form(); 
		
	?>

    This code is still in the header.php file.

    I hope you solution wil help!
    Regards,
    Roy

    December 3, 2015 at 3:46 pm #546466
    Yigit

    Hi!

    Please remove that code from header.php file as well.

    Regards,
    Yigit

    December 3, 2015 at 3:47 pm #546469
    navnak

    Done!

    Is it possible to created like this? https://www.dropbox.com/s/d2rkzemhj1rd14f/searchitem_mobile.png?dl=0

    Regards,
    Roy

    • This reply was modified 8 years, 11 months ago by navnak.
    December 3, 2015 at 3:53 pm #546472
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 990) {
li#menu-item-search, .responsive.html_mobile_menu_tablet .main_menu .avia-menu {
    display: block;
} 
.av-main-nav li {
    display: none;
}}

    Regards,
    Yigit

    December 3, 2015 at 3:56 pm #546473
    navnak

    I did that,

    Should there a search option on the mobile devices? If so, it didn’t show a search bar.

    Regards,
    Roy

    December 3, 2015 at 4:03 pm #546476
    Yigit

    Hi!

    Please change the code to following one 

    @media only screen and (max-width: 990px) {
li#menu-item-search, .responsive.html_mobile_menu_tablet .main_menu .avia-menu {
    display: block !important;
} 
.av-main-nav li {
    display: none;
}}

    If that too does not help, please create a temporary admin login and post it here privately :)

    Cheers!
    Yigit

    • This reply was modified 8 years, 11 months ago by Yigit.
    December 3, 2015 at 4:06 pm #546478
    navnak

    Hi,

    Still no search (checked on the iPhone 6 and iPad)
    Login en PW are provided.
    Regards,
    Roy

    December 3, 2015 at 4:21 pm #546484
    Yigit

    Hi!

    I had small typo in my custom CSS code. Sorry about that. I adjusted the code in Quick CSS field. Please review your website now

    Best regards,
    Yigit

    December 3, 2015 at 4:24 pm #546488
    navnak

    Hi,
    Can happen. Slowly we are getting there.
    On the iPad it looks good. On the iPhone 6S Plus it looks like this: https://www.dropbox.com/s/v909y1rl6kn7hfs/Foto%2003-12-15%2015%2022%2034.png?dl=0
    Regards,
    Roy

    December 3, 2015 at 4:29 pm #546490
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) { 
.avia-search-tooltip { margin-left: 0 !important; }
.avia-search-tooltip .avia-arrow-wrap { right: 130px; }}

    Cheers!
    Yigit

    December 3, 2015 at 4:34 pm #546493
    navnak

    Nice,
    Position of the searchglass is a bit off: https://www.dropbox.com/s/bt1wwv6d9yz8y2h/Foto%2003-12-15%2015%2032%2020.png?dl=0
    Is it not possible to create a button which looks like the mainmenu and cart buttons?

    Regards,
    Roy

    December 4, 2015 at 8:39 am #546825
    Rikard

    Hi Roy,

    I’m sure it’s possible but it might require changes which are out of scope for our support, but send us a screenshot highlighting how you would like it to look and we’ll see what we can do. I think it looks good already though.

    Thanks,
    Rikard

    December 4, 2015 at 10:29 am #546870
    navnak

    Hi Rikard,

    It definitely looks good. When having a shop it is necessary to search for products on the desktop and mobile devices as well. Maybe consider this option to build in the next update of the theme. Please take a look at the screenshot on the first post of this topic.

    See this screenshot: https://www.dropbox.com/s/d2rkzemhj1rd14f/searchitem_mobile.png?dl=0
    And this screenshot: https://www.dropbox.com/s/0po1ftbw6x3c00f/newoption.png?dl=0

    You guys helped me a lot.
    Thanks
    Roy

    December 7, 2015 at 1:11 pm #547951
    Yigit

    Hey!

    Please post your feature request here – https://kriesi.at/support/enfold-feature-requests/. Please feel free to attach your screenshots as well :)

    Regards,
    Yigit

    December 7, 2015 at 3:25 pm #548028
    navnak

    Consider it done!

    Regards,
    Roy

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘(Ajax) Search option on mobile devices!’ is closed to new replies.