-
Posts
-
Hi,
I would like put the search widget in a center of the web using a sidebar. But the size of the search widget it’s not responsive. How can I do this?I also want that search bar to have ‘AJAX search’.
Thanks in advance!
Hey!
Refer to this topic:
https://kriesi.at/support/topic/instant-ajax-search-on-sidebar/Best regards,
JosueThanks a lot! AJAX Search works perfectly. But the search bar is not responsive yet.
I change the ‘Quick CSS’ like post says but it doesn’t work.
Can you guide me for do ‘search bar’ responsive or expand that in function of web layout size?
Thank you!
Hey!
Please post the link to your website when you launch it so we can provide you an accurate solution
Regards,
YigitI’m working in local :(
Is it not possible a solution without see the webpage? I can explain all you need or copy the code.
Hey!
We need to see the site live in order to solve frontend issues, reply back to this topic when you go live so we can assist you.
Best regards,
JosueNow the seach bar is in widget area in the second block of 3 blocks:
https://drive.google.com/file/d/0B89QUyIFnsEWRVpZVVFXdVkxaUE/edit?usp=sharingI want put only in a one bloc and center the search bar. Like ‘responsive search bar’:
https://drive.google.com/file/d/0B89QUyIFnsEWYUw5clpYNG9IRzg/edit?usp=sharingI checked the ‘AJAX search’ another time and It doesn’t work correctly :( when I move the mouse cursor above AJAX results only some entries have links but not all. And don’t show the shadow like AJAX search in the menu header.
Hi!
Try putting it inside a Color Section (set it a custom ID, ex: full-width-section), then add this to the Quick CSS:
#full-width-section .container{ width: 100% !important; }Best regards,
JosueHi, thanks but doesn’t work :( this only delete lateral margin.
Is possible insert search bar like ‘html code’? Perhaps works.Regards.
Hi!
Add this too:
#full-width-section #searchform>div { max-width: 100%; } #full-width-section #searchform { max-width: 60%; margin: 0 auto !important; } #full-width-section .avia_textblock { text-align: center; margin-bottom: 20px; }Cheers!
JosueThank you so much!
It works pretty good but I would like text at left side and search bar as it stands now. Is it possible?There was a problem with the results of AJAX search: We can’t click at links if the results are outside of ‘color section’. You can try it typing ‘hel’ (like ‘hello’) at search bar and try to click at second or third entry of the results.
If you want, I can share the credentials for quickly solution.
Thank you so much. Cheers! :)
I solved the problem with the results links. I added:
z-index:999;
At Quick CSS in the part:#full-width-section #searchform>div
Because is the same index as ‘color section’. :)One more thing: Is it possible do AJAX results with the same width as search bar?
Thank you so much in advance! :)
Sorry, I’m wrong. Quick CSS has been like this:
#full-width-section .container{ width: 100% !important; z-index: 999; }For do the width the same as search bar which is the best form? inherit, initial, relative or static?
Thank you.
Hi,
I added this for customize results of AJAX search:#top .widget_search #searchform .ajax_search_response { position: inherit; background: #EDEDED; border: none; }Is it alright?
Cheers!
Hi!
Yeah that’s okay, if you want it to be absolute use:
#top .widget_search #searchform .ajax_search_response { position: absolute; width: 60%; background: #EDEDED; border: none; }Best regards,
JosueHello
I would like to change the position AJAX search in the main menu and also that it is always visible, see image link http://www.unimedrondonopolis.com.br/images/change-position-search.gifHey!
Refer to:
https://kriesi.at/support/topic/searchbox-in-header-menu/#post-267356Best regards,
Josue
- You must be logged in to reply to this topic.