I hope you are well today and thank you for your questions.
To achieve this please select the option “Display Search Form in Header on Mobile Devices” in the plugin settings and enable the plugin on your shared site so that I can develop custom code to style it.
Best regards,
Hello Vinod,
I have selected the option and enabled the plugin.
Best regards,
The search form still doesn’t display on your site on desktop.
Please make sure you have configured the plugin settings correctly and selected the correct menu to display as shown in this screenshot https://imgur.com/a/CpFpc
Hello Vinod,
You have to click through in the menu to another page than the homepage: https://karlijnskitchen.com/en/recipes/breakfast/
I use a static front page and one way or another the search bar is not showing on the menu on the homepage, but only on the other pages.
Ok Now I can see it is displayed at the top on mobile device as shown in this screenshot https://imgur.com/a/qHfRk
Yes, but the issue I have is with the search bar shown in the menu.
On desktop it looks fine, but for mobile, I would like it to show at the top of the menu instead of at the bottom.
And the text in the search bar doesn’t align nicely
Thank you in advance!
You can display it at the top of the menu on mobile devices by adding the below CSS code in the Custom CSS option of Add Search To Menu plugin settings on the path Settings -> Add Search To Menu
.astm-search-menu-wrapper {
top: 65%;
right: auto;
left: auto;
}
.astm-search-menu-wrapper .astm-search-menu {
float: none;
display: table;
margin: 0 auto;
}
@media screen and (max-width: 910px){
#site-navigation {
margin-top: 6%;
}
}
@media screen and (max-width: 510px){
#site-navigation {
margin-top: 12%;
}
}
@media screen and (max-width: 390px){
#site-navigation {
margin-top: 25%;
}
}
@media screen and (max-width: 310px){
.astm-search-menu-wrapper {
top: 50%;
}
nav#site-navigation {
margin-top: 25%;
}
}
Hi Vinod,
This is not working well for me. It displays the menu on a random place in the middle of the screen.
I have another question. I use a static frontpage on my blog and the search field in the menu is not working on the frontpage. It works fine on all the other pages. Any idea what could be causing this?
This is not working well for me. It displays the menu on a random place in the middle of the screen.
Could you please share me the screenshots of the issues?
For screenshots, you can simply provide a link to an image through Google Drive, Dropbox, screencast.com, http://imgur.com/ or other image service. 🙂
I have another question. I use a static frontpage on my blog and the search field in the menu is not working on the frontpage. It works fine on all the other pages. Any idea what could be causing this?
I could confirm the issue on your shared site but it works fine on all the pages with default WordPress theme.
Are you using following theme on your site?
https://www.pankogut.com/wordpress-themes/biscuit/
If yes then could you please contact the theme author to know what’s the issue in it as I also don’t see your home page menu same like your other pages menus?
