Ivory Search › Forums › Support › Mobile search
- This topic has 10 replies, 2 voices, and was last updated 5 years ago by Ivory Search.
You must be logged in to create new topic or reply to the topic. Click To Login
- AuthorPosts
- October 17, 2019 at 7:14 PM #3140
Hi,
I installed your Ivory Search plugin on my website and enabled it in Mobile Search.
Unfortunately the search field covers the site’s logo and the navigation menu. Would it be possible to customize it so that only the icon next to the key that enables the mobile menu appears and that the search field opens only when the user clicks on the icon?
thanks a lotAttachments:
You must be logged in to view attached files. - October 17, 2019 at 9:09 PM #3142
I hope you are well today and thank you for your question.
Could you please share your site URL where it’s displaying so that I can help you?
Best regards,
Ivory Search Support - October 18, 2019 at 12:49 PM #3159
Thanks a lot for your help.
The website is as follows: https://www.paviaviaggia.it
As you can see, in the mobile version, the search field covers both the logo and the button that enables the mobile navigation menu.
What I would like is that, to the left of the menu button, only the search icon appears and that the field for entering the search words opens by clicking on the icon. it’s possible? - October 18, 2019 at 3:16 PM #3163
To achieve this, please change the menu search form style to Dropdown or Sliding as described in the below page.
- October 18, 2019 at 5:10 PM #3168
Thank you very much, I have settled. However I still have a request if you can help me: In the mobile version when I click on the icon, the search field opens above the logo. Would it be possible to move the field a little lower so that it does not cover the logo?
Thanks again for your valuable help - October 18, 2019 at 6:12 PM #3169
I was able to set the icon next to the mobile navigation menu, exactly as I wanted.
But doing so the navigation menu does not work. Can you help me please?Attachments:
You must be logged in to view attached files. - October 18, 2019 at 9:02 PM #3171
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
div.is-menu-wrapper { width: auto; top: 25px; }
- October 20, 2019 at 12:24 PM #3181
thanks in this way it works. from mobile, however, the icons are so close that it’s difficult to click on them. Would it be possible to distance them a little?
Sorry if I ask you for this last aid.
You have been of an incredible kindness - October 20, 2019 at 7:37 PM #3183
Please use below CSS code to make the difference between them.
button.navbar-toggle { margin-right: 40px; }
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/?filter=5
Iād really appreciate that. š
And if I can be of any further assistance please don’t hesitate to ask.
- October 21, 2019 at 11:41 AM #3188
Great !!!!! You’ve been great! I know you had no obligation and that you did more than necessary.
My colleague has just left a “great support” review for you. You really deserve it!
thanks a lot - October 21, 2019 at 12:11 PM #3189
Thank you very much!
You are always welcome here š
- AuthorPosts
You must be logged in to create new topic or reply to the topic. Click To Login