Forum Replies Created
You must be logged in to create new topic or reply to the topic. Click To Login
- AuthorPosts
I hope you are well today and thank you for your question.
You can edit it using the Search Form Customizer displayed in the Customize section of the search form.
Best regards,
Ivory Search SupportAwesome great to see you got that resolved.
Please advise if you have more questions.
Have a fantastic day!
Awesome great to see you got that achieved.
Thanks for helping out here in this forum by sharing the solution.
Your help here is really appreciated.
Have a fantastic day!
Your whole custom CSS should be as below.
body > div.is-menu-wrapper { top: 86px; right: auto; left: 0; width: auto; } body > div.is-menu-wrapper span.is-menu { float: left; margin-left: 10px; } @media only screen and (min-width: 767px){ #header .is-menu form.is-search-form { max-width: 200px; } #header .is-menu form.is-search-form label { width: 72%; } #header .is-menu form.is-search-form input.is-search-input { max-width: 100%; } #header .is-menu form.is-search-form input.is-search-submit { padding: 7px 4px; } }I hope you are well today and thank you for your question.
The search results page is displayed by the search.php file of the theme that you are using on your site so the plugin doesn’t control how the pages and its text will be displayed on the search results page but your site theme controls it.
You can change this developing custom code in the search.php file of your child theme by contacting the theme author or consider hiring a developer to develop it for you. You can hire a developer from any freelance site or WordPress agency.
You can also consider hiring us to develop it for you using the form https://ivorysearch.com/custom-work/
Stay safe!
Best regards,
Ivory Search SupportPlease use below custom CSS code to reposition it on mobile.
body > div.is-menu-wrapper { top: 86px; right: auto; left: 0; } body > div.is-menu-wrapper span.is-menu { float: left; margin-left: 10px; }Please try clearing and temporarily deactivating the WP Rocket cache that you are using on your website.
If it still does not display then would you mind if I log in to your site and do some troubleshooting? If this is ok then could you please temporarily share your site log in detail privately by checking the option “Set as private reply” when replying to this topic?
Ok then could you please as their support whether the add-on uses WordPress wp_nav_menu_items hook to display navigation menu which Ivory Search plugin uses to display search form in the menu?
For mobile the search bar is appearing across header/logo as shown in attached. Is there a way to reposition it below logo?
Yes, we can reposition it by developing a custom CSS code.
I visited your website on mobile but didn’t see it there so could you please display it in the header so that I can develop custom CSS code to reposition it?
I hope you are well today and thank you for your questions.
I would like the search bar to appear on the right-hand side within the menu bar for browser. Currently it is below the menu.
You can achieve this by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings
@media only screen and (min-width: 767px){ #header .is-menu form.is-search-form { max-width: 200px; } #header .is-menu form.is-search-form label { width: 72%; } #header .is-menu form.is-search-form input.is-search-input { max-width: 100%; } #header .is-menu form.is-search-form input.is-search-submit { padding: 7px 4px; } }For mobile I would like it to apepar at the top of the nav menu above bikes. Currently it is at the bottom.
You can display it directly in the mobile header as described below.
Best regards,
Ivory Search Support- AuthorPosts
You must be logged in to create new topic or reply to the topic. Click To Login