Add magnifying glass icon to mobile menu top tab

  • Resolved Lipstick Alchemist

    (@lipstickalchemist)


    7 years, 5 months ago

    Hi Vinod! Nice plugin, and thanks for the support earlier, changing the hover colors. I’ve been using this plugin for a few days, but it still doesn’t show up on mobile. So I asked on my theme forum for help and they suggested I use:

    @media (max-width: 768px){
    .site-navigation-inner .navbar-nav li.search-menu {
    position: fixed;
    top: 0;
    right: 0;
    }

    li.search-menu.sliding form {
    right: 0;
    left: auto;
    }
    }

    I’ve used the above code to display it in the top right corner of my mobile view but it only shows up when the hamburger menu is clicked.
    I would like help to display it in the top right corner of the mobile view top tab at all times.

    Looking forward to your support ??
    My site: LipstickAlchemist.com

Viewing 5 replies - 16 through 20 (of 20 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You have to disable cache on your site or develop this feature in your theme.

    Thread Starter Lipstick Alchemist

    (@lipstickalchemist)

    Sorry I haven’t been able to get back to you earlier!

    Unfortunately, that is not an option for me as using a cache plugin improves the speed of my picture heavy site. At the same time, I’m not ready to let go of this plugin you’ve created. It’s absolutely perfect in every way except that it doesn’t display on the mobile top tab (which is the very reason I was directed to this plugin).

    Is there any work around for this problem? Any CSS or fututre updates? I’m willing to wait another week or so, or use aditional CSS to get it looking and working perfect! Please help!

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    The current solution of detecting user accessing device using server side language does not work with caching so for caching i will implement CSS hide and show approach to achieve this in the future version of plugin which i will release shortly.

    Thread Starter Lipstick Alchemist

    (@lipstickalchemist)

    Oh that is such great news! Thanks a lot! ??

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    In the latest released plugin version i have added the plugin option “This site uses Cache” which you can use to display search form in header on mobile devices in your cache enabled site.

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Add magnifying glass icon to mobile menu top tab’ is closed to new replies.