Full Search bar

algeorgiadis's picture
algeorgiadis
Sat, 05/05/2018 - 10:41
#1
Full Search bar

Hello I would like to make my search bar expanded as it is in the mobile view, how can I do it?

cindy's picture
cindy
Sun, 05/06/2018 - 22:23

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 

algeorgiadis's picture
algeorgiadis
Wed, 05/09/2018 - 05:28

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

cindy's picture
cindy
Wed, 05/16/2018 - 22:28

Hi,

Please open file style.css (sites/all/themes/md_orenmode/css/front/) and add the following code:

.search-h .form {     width: 200px;     padding-right: 45px;     visibility: visible;     border-color: #e5e5e5;}

Save and clear cache.

* Please remember to backup source before editing 

algeorgiadis's picture
algeorgiadis
Mon, 05/14/2018 - 07:29

Thank you,

this keeps the search bar expanded.

Can you tell me how to make the button to submit the form onClick?

cindy's picture
cindy
Tue, 05/15/2018 - 00:01

Hi,

Which button are you talking about?

Is it Magnifier button/icon? It is the default button/icon of search form

algeorgiadis's picture
algeorgiadis
Wed, 05/16/2018 - 13:49

Exactly the magnifier button next to search.

cindy's picture
cindy
Wed, 05/16/2018 - 23:05

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

Log in or register to post comments
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.