- This topic has 4 replies, 2 voices, and was last updated 18 hours, 33 minutes ago by
.
You must be logged in to create new topic or reply to the topic. Click To Login
- Posts
Hello good day hoping you are well, I would like to tell you the following situation: I have been trying to make the form dropdown responsive on mobile devices however I have not been able to do it since it is not responsive by default because when I press the search icon on mobile the search field along with its icon goes off the screen. I have already tried to change the shape of the dropdown list to full width only for mobile devices and I have not been lucky enough to do so, I have also been manipulating the left and right using css but when I reach a width of 318 pixels it no longer lets me center the search field. Could you take a look at it?
Thanks in advance
I hope you are well today and thank you for your question.
Could you please share your site URL where it displays so I can help you to achieve it?
Best regards,
Ivory Search SupportHi of course the site URL is: https://disciplinedhuman.online/
Thanks for your help
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
@media (max-width: 443px) { body .is-menu form.is-search-form { right: 0; left: 0; position: fixed; z-index: 999999; top: 62px; max-width: 100%; } }Hi, thanks for your quick response. It did work, however, the expandable search box layout breaks on layouts 310 pixels and below, and I’d like it to cover at least one layout 260 pixels and above, since my entire page is responsive up to that width. Is there any way to achieve this?
Thanks in advance
You must be logged in to create new topic or reply to the topic. Click To Login