Hello I would like to make my search bar expanded as it is in the mobile view, how can I do it?
Sat, 05/05/2018 - 10:41
Full Search bar
Have More Idea?
We are here to build your website!
No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.
Hi
Please send us a screenshot of the searchbar you mentioned above
We will tell you the file to modify
We only support default settings and design, so if you want us to do this for you, extra fee will be charged
its the search bar that exists in your orenmode theme on top of the home page.
I only want this to be expanded by default and not click on it to expand.
If you check it on a mobile the search bar is expanded by default.
I have found the sites/all/themes/md_orenmode/js/front/script.js which has this code in line 45:
ShowSearchForm();
/*========== Click Show Search Form Header ==========*/
function ShowSearchForm(){
$('#icon-search').on('click',function(e){
if($(this).parents('.search-h').hasClass('show-view')){
$(this).parents('.search-h').removeClass('show-view');
}else{
$(this).parents('.search-h').addClass('show-view');
}
e.stopPropagation();
});
}
which hides and shows the search bar.
How can I disable this action and make it expanded by default and if it's possible to make the button to be the submit button for the form.
Thank you very much
Hi,
Please open file style.css (sites/all/themes/md_orenmode/css/front/) and add the following code:
Save and clear cache.
* Please remember to backup source before editing
Thank you,
this keeps the search bar expanded.
Can you tell me how to make the button to submit the form onClick?
Hi,
Which button are you talking about?
Is it Magnifier button/icon? It is the default button/icon of search form
Exactly the magnifier button next to search.
Hi,
This is out of our support scope. So, fee will be charged if you want this extra customization
It will take about 2 hours to customize this. If you agree, you can contact us via [email protected] and we will send you the quotes