I hope you are well today and thank you for your question.
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
form.is-search-form {
max-width: 40%;
}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
form.is-search-form {
max-width: 60%;
}
}
@media only screen and (max-width: 768px) {
form.is-search-form {
max-width: 80%;
}
}
Best regards
Fantastic, it works perfectly. Thank a lot for your great support!
One last question, I have a top menu in line (you can see in the page I shared) and I’ve tried to perfectly align a search icon at the far right of my menu without success.
It always looked not aligned at all and it created some sort of extra line below my menu 🙁 Is there a way to acheive this perfect alignment on 1 line based on what you see on my website?
Many thanks for your great help and kind regards,
Géraldine
One last question, I have a top menu in line (you can see in the page I shared) and I’ve tried to perfectly align a search icon at the far right of my menu without success.
I don’t see any search icon on the menu of your shared website.
Please advise.
