hide search bar on mobile

  • Resolved asadmalik98

    (@asadmalik98)


    2 years, 2 months ago

    Hi there, I need help with hiding the ivory search bar on mobile as I am unable to do so with custom CSS. Kindly help me.

    Thanks in advance.

    Regards,
    Asad Malik

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

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

    (@vinod-dalvi)

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

    You can hide the search bar on mobile displayed in the header of your website by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Admin Area -> Ivory Search -> Settings -> Settings

    @media only screen and (max-width: 999px) {
    #top form.is-search-form {
        display: none;
    }
}

    Best regards,

    • This reply was modified 2 years, 2 months ago by Vinod Dalvi.
    Thread Starter asadmalik98

    (@asadmalik98)

    Thanks a lot, sir for your timely help. Your support is amazing ????

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You are most welcome here ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘hide search bar on mobile’ is closed to new replies.