Ivory Search › Forums › Support › Adjust Search Bar Width to fit screen size when using details box
- This topic has 2 replies, 2 voices, and was last updated 4 years ago by
Ivory Search.
You must be logged in to create new topic or reply to the topic. Click To Login
- AuthorPosts
- May 25, 2021 at 8:55 AM #7989
Hi,
I have 2 questions, I hope you can help me.
1) I need to change the search bar width to make it smaller, so that when the Ajax details box displays when hovering over a product it doesn’t go off the right side of the screen.
2) Is there a way to display a button or icon when a user starts typing a search term, to clear all the words or characters already written and close the search results box? This could be useful for mobile version.
Thanks for your help.
- May 25, 2021 at 8:57 AM #7990This reply has been marked as private.
- May 25, 2021 at 12:23 PM #7997
I hope you are well today and thank you for your questions.
1) I need to change the search bar width to make it smaller, so that when the Ajax details box displays when hovering over a product it doesn’t go off the right side of the screen.
You can achieve this 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
.site-header .product-extra-search form.is-search-form { max-width: 400px; }
2) Is there a way to display a button or icon when a user starts typing a search term, to clear all the words or characters already written and close the search results box? This could be useful for mobile version.
Currently, the Ivory Search plugin does not provide this functionality but I will consider implementing it in the future version of the plugin.
Best regards,
Ivory Search Support
- AuthorPosts
You must be logged in to create new topic or reply to the topic. Click To Login