Viewing 29 posts - 1 through 29 (of 29 total)
  • Author
    Posts
  • November 25, 2015 at 12:51 pm #542336
    tocal

    Hi guys,

    I’m trying to add the search icon into my site below 989px width. I found this thread and implemented Yigit’s code but it’s not doing anything:

    https://kriesi.at/support/topic/search-box-in-mobile-responsive-menu

    Thanks

    November 25, 2015 at 12:55 pm #542342
    Yigit

    Hi tocal!

    Please refer to Ismael’s post here – https://kriesi.at/support/topic/search-widget-only-in-mobile-view/#post-517247

    Regards,
    Yigit

    November 25, 2015 at 1:08 pm #542363
    tocal

    Hi Yigit. I’ve tried that but it doesn’t seem to have done anything

    November 30, 2015 at 11:30 am #544375
    tocal

    Yigit, can you help?

    November 30, 2015 at 11:35 am #544376
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately? Either one should have worked :)

    Best regards,
    Yigit

    November 30, 2015 at 11:38 am #544379
    tocal

    No worries.

    November 30, 2015 at 11:58 am #544391
    Yigit

    Hey!

    i added following code to Functions.php file of your child theme 

    add_shortcode('avia_search', 'get_search_form');

function add_custom_href_remove(){
?>
<script>
jQuery(window).load(function(){
jQuery('.only-mo a').removeAttr('href');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_href_remove');

    and following code to Quick CSS in Enfold theme options > General Styling 

    @media only screen and (min-width: 990px) {
.only-mo { display: none !important; }}

    Best regards,
    Yigit

    November 30, 2015 at 12:26 pm #544418
    tocal

    Thanks Yigit.

    Is it not possible to get the normal search magnifying glass icon in the menu next to the hamburger? The search is a bit hard to reach way at the bottom of that long menu.

    Thanks

    December 2, 2015 at 1:05 pm #545843
    tocal

    Thanks Yigit.

    Is it not possible to get the normal search magnifying glass icon in the menu next to the hamburger? The search is a bit hard to reach way at the bottom of that long menu.

    Thanks

    December 2, 2015 at 1:17 pm #545846
    Yigit

    Hi!

    Please add following code to Quick CSS 

     @media only screen and (max-width: 989px) {
.main_menu #menu-item-search {
    left: -120px;
    top: -10px;
}
.responsive.html_mobile_menu_tablet .main_menu .avia-menu, li#menu-item-search {
    display: block!important;
    top: 20px;
    right: 10px;
}}

    I removed search bar from your mobile menu.

    Cheers!
    Yigit

    December 2, 2015 at 1:38 pm #545854
    tocal

    Thanks Yigit.

    I can see the magnifying glass now but the placement isn’t correct?

    December 4, 2015 at 2:09 pm #546999
    Andy

    Hi!

    simply play around with left, right and top value, until it fits for you.

    Best regards,
    Andy

    December 4, 2015 at 2:27 pm #547010
    tocal

    I can only see it within widths of 767 + 479px – the positioning is the least of the issues. It falls behind the menu in terms of layering. I just want it to sit inline with the hamburger menu button.

    Alternatively, I could live with it appearing in the responsive menu as Yigit achieved in his message of November 30, 2015 at 11:58 am but I would need it as the first item in the list and not the last… is that possible?

    Thanks guys!

    December 7, 2015 at 4:31 pm #548072
    tocal

    I can only see it within widths of 767 + 479px – the positioning is the least of the issues. It falls behind the menu in terms of layering. I just want it to sit inline with the hamburger menu button.

    Alternatively, I could live with it appearing in the responsive menu as Yigit achieved in his message of November 30, 2015 at 11:58 am but I would need it as the first item in the list and not the last… is that possible?

    Thanks guys!

    December 7, 2015 at 4:40 pm #548090
    Yigit

    Hi!

    Sorry for the late reply!

    Yes, it is possible to set search form as the first menu item. I checked login credentials and they are working. Shall i apply the changes once again and set it to be the first menu item now?

    Regards,
    Yigit

    December 7, 2015 at 4:59 pm #548117
    tocal

    Yes please Yigit! Thanks!

    December 7, 2015 at 5:04 pm #548123
    Yigit

    Hi!

    Changes are done. Please review your website now :)

    Best regards,
    Yigit

    January 11, 2016 at 3:40 pm #563220
    tocal

    Hi Yigit,

    I think something in the theme update has undone this as it no longer seems to work. Any ideas?

    Thanks

    January 12, 2016 at 5:19 pm #564045
    Vinay

    Hi!

    The login details are not working to check this issue. Please provide us with a working login credentials so we can further trouble shoot this.

    Best regards,
    Vinay

    January 12, 2016 at 6:41 pm #564103
    tocal

    Thanks Vinay,

    I have re-instated those details. Apologies.

    January 13, 2016 at 12:47 am #564233
    Vinay

    Hi!

    Ok if you have any questions please feel free to let us know. We are more than happy to help you.

    Best regards,
    Vinay

    January 13, 2016 at 11:48 am #564553
    tocal

    Hi, yes. The fix Yigit implemented for me is no longer working. I need a search option in the responsive menu as discussed above.

    January 14, 2016 at 4:36 pm #565516
    Andy

    Hey!

    I checked your backend and you are using an old version of the theme, so please upgrade. I checked your child’s functions.php and the code yigit provided you here is not implemented. Please put it inside.

    Regards,
    Andy

    January 14, 2016 at 5:44 pm #565612
    tocal

    Hi Andy. Yigit made all the changes for me. The changes in functions were removed as they were incorrect. The theme is now updated but there is still no responsive search option.

    January 14, 2016 at 5:46 pm #565613
    Yigit

    Hey!

    Would you like to add search bar to the top of the mobile menu once again? If so, please provide login credentials and i will apply it for you once
    again :)

    Best regards,
    Yigit

    January 14, 2016 at 5:48 pm #565619
    tocal

    Exactly. Thanks Yigit. Yes.

    What you did last time was perfect but it disappeared. I have re-instated the last set of login credentials.

    January 14, 2016 at 5:57 pm #565624
    Yigit

    Hi!

    I applied it once again. Please review your website now :)

    Regards,
    Yigit

    January 14, 2016 at 6:00 pm #565630
    tocal

    Great, thanks Yigit

    January 14, 2016 at 6:05 pm #565637
    Yigit

    Hey!

    You are welcome! Let us know if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 29 posts - 1 through 29 (of 29 total)
  • The topic ‘Add Search into responsive view’ is closed to new replies.