Hide in Desktop View

  • Resolved dannydanny

    (@dannydanny)


    6 years ago

    Hi there,

    I’d like the search to be able to show up in my primary menu on a mobile device, but not on a desktop display.

    Is there a way to hide it on a desktop?

    Thank you.

    The page I need help with: [log in to see the link]

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

    (@vinod-dalvi)

    6 years ago

    I hope you are well today and thank you for your question.

    You can display the search form in menu as described on the below page.

    https://ivorysearch.com/docs/display-search-form-in-menu/

    Then you can hide it on the desktop by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

    @media screen and (min-width: 56.875em){
.is-menu{
display: none;
}
}

    Best regards,

    Thread Starter dannydanny

    (@dannydanny)

    6 years ago

    Thank you! This works.

    • This reply was modified 6 years ago by dannydanny.
    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    6 years ago

    You are most welcome, I’m glad I was able to help you with this matter. There is no obligation but by your kind words I wonder if I could trouble you to leave a review based on this experience here:

    https://wordpress.org/support/plugin/add-search-to-menu/reviews/

    I’d really appreciate that. 🙂

    And if I can be of any further assistance please don’t hesitate to ask.

    Thread Starter dannydanny

    (@dannydanny)

    6 years ago

    Already done! Well over a year ago. But I added that your support is great as well.

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    6 years ago

    Thank you very much!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Hide in Desktop View’ is closed to new replies.