Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Adding search into menu
This topic contains 15 replies, has 2 voices, and was last updated by Ernest Marcinko 2 years, 8 months ago.
- AuthorPosts
- June 10, 2020 at 5:13 am #27772
Hi,
Thanks for the great plugin, though I wonder about the best way to add the the search functionality into the top menu (not using any custom menu, just the basic WP one, let me know if it’s better to get a custom menu please).
I have a WordPress site installed on my localhost (not online yet) and I want you suggestion about the best approach to add search into the menu so it looks pretty good looking and excellent for user experience.Thanks,
Yaser.
June 10, 2020 at 8:23 am #27774Hi,
The simplest way is to use the search shortcode. Adjustments are probably still required – as each menu works very differently. Margins, paddings, heights, alignments depend on the menu layout.
Usually, negative/positive left and top margins are sufficient to adjust the search container to the menu. I suggest a custom CSS like this:
.asp_m { margin-top: -10px !important; margin-left: 0px !important; }
This is only a sample code. The values have to be experimented with. If the search alignment is higher than the other menu elements, then try positive top margin, otherwise negative. Same for the side margins. But again, this highly depends on the exact layout, some additional adjustments might be required.
Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
June 27, 2020 at 12:40 pm #28122You cannot access this content.June 28, 2020 at 5:35 am #28128You cannot access this content.June 29, 2020 at 10:11 am #28138You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
June 30, 2020 at 5:29 am #28167You cannot access this content.June 30, 2020 at 9:58 am #28175Hi,
The issue was only a problem with the shortcode, not the correct one was used. I have corrected that in the page builder. The correct shortcode for the compact search is this:
[wd_asp id=3]
It should display results now.
Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
July 2, 2020 at 10:55 am #28219You cannot access this content.July 2, 2020 at 1:10 pm #28227Hi,
I just checked but the front-end search has the same exact font as set on the back-end (Times new roman): https://i.imgur.com/N1T0vBV.png
Best,
If you have a cache active, make sure to clear everything – CDN, page, asset, minify and browser caches. That will resolve the issue.
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
September 10, 2020 at 1:58 pm #29299You cannot access this content.September 10, 2020 at 2:01 pm #29301Make sure to always clear your site cache, asset, CDN cache, browser cache. On my end it looks all right: https://i.imgur.com/y82tv74.png
Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
September 10, 2020 at 4:19 pm #29302You cannot access this content.September 11, 2020 at 9:27 am #29307Hi,
Oh, I’m sorry I missunderstood. I think the problem might be the configuration here: https://i.imgur.com/6MuQfXJ.png
Best,
I no longer see the compact search, so I cannot confirm, but looking at the search setting on search ID=4 the mobile and the tablet width is set to 400px instead of 100%.
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
September 11, 2020 at 1:58 pm #29309You cannot access this content.September 11, 2020 at 3:51 pm #29315You cannot access this content. - AuthorPosts
You must be logged in to reply to this topic.