Tagged: , , , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 13, 2017 at 10:22 pm #851743
    StormCreek

    Hello!

    I used the info provided in this thread: https://kriesi.at/support/topic/search-box-in-header-on-mobile/ to put a search option on mobile, however then it changes the desktop version as well – it used to be just a magnifying glass in the navigation, now it puts the search box in the center of the header….I’ve added an @media query to take it off the desktop site, but I can’t figure out how to get the magnifying glass back on desktop.

    I’ve had to take out the code until I can get it working on desktop as well — but I followed exactly the thread I have linked to above.

    Thanks!

    September 13, 2017 at 10:59 pm #851757
    Jordan Shannon

    Hey StormCreek,

    I’m currently seeing the magnifying glass on the desktop. Was this issue corrected?

    Best regards,
    Jordan Shannon

    September 13, 2017 at 11:01 pm #851758
    StormCreek

    Nope, I mentioned that I had to remove the code, as I needed to have search visible on desktop.

    September 13, 2017 at 11:05 pm #851761
    StormCreek
    This reply has been marked as private.
    September 14, 2017 at 5:52 pm #852226
    Jordan Shannon

    Hi,

    The above credentials did not seem to work. Could you please check them for me.
    Best regards,
    Jordan Shannon

    September 14, 2017 at 6:04 pm #852240
    StormCreek
    This reply has been marked as private.
    September 18, 2017 at 5:56 am #853234
    Jordan Shannon

    Hi,

    That works, thank you. Can you add the code back in? It seems to just be a matter of using the correct media queries.

    Best regards,
    Jordan Shannon

    September 20, 2017 at 9:51 pm #854569
    StormCreek

    Alright, I put the code back in. I’m guessing the problem is that I don’t have an @media stipulation in the PHP section…but I’m not sure how to do that with PHP. If you could help right away, that would be awesome! The search icon is now missing on the desktop version

    Thank you!

    September 21, 2017 at 6:15 pm #854995
    Jordan Shannon

    Hi,

    I attempted to use:

    if (wp_is_mobile()) {}

    This should run the script only if the device is mobile. Please test from your mobile device to confirm it works.

    Best regards,
    Jordan Shannon

    September 26, 2017 at 7:37 pm #857106
    StormCreek

    That works! Thank you, and you can close this ticket :)

    September 26, 2017 at 10:34 pm #857164
    Jordan Shannon

    Hi,

    Great! I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Issue with search box on mobile and desktop versions’ is closed to new replies.