This topic is: resolved

property search on mobile does not display advanced fields

  • Avatarandybarn
    Participant
    Post count: 3
    # 4 years, 4 months ago

    Hi

    I am using the HTML version of Real Spaces and noticed that when going to a mobile screen, I only get the default search options. The advanced search options are not displayed and there is no way of calling them up.

    When I look at your demo, the advanced search options are displayed by default on mobile devices, but on the HTML downloaded, this is not the case.

    I need all the search options available on mobile devices, how can I set this as the default.

    I have loaded your index page up on my server so you can see the problem:-

    http://www.comparedirect.eu/index_old.html

    Please could you let me know what the solution is.

    Thanks
    Andy

    AuthorAuthor
    Keymaster
    Post count: 26666
    # 4 years, 4 months ago

    Hi there

    To display the advanced fields in small screens remove the classes: hidden-xs hidden-sm from the second row in search form div.

    Thanks

    Avatarandybarn
    Participant
    Post count: 3
    # 4 years, 4 months ago

    Hi

    Thanks for that, all the fields now display in small screens. However the submit button is in the middle of the search fields on small screens and should be at the end, could you let me know how to fix this?

    Thanks for the great support

    Andy

    AuthorAuthor
    Keymaster
    Post count: 26666
    # 4 years, 4 months ago

    hmmm. that needs the whole html code change. I got a trick for this first put custom style on the second class “row” of the search form div, this is the row which is containing all the below fields which are hidden in desktop view. Put style on it
    <div class="row" style="margin-top:-50px;">

    Then add custom css to you style.css at the end:
    @media only screen and (max-width: 992px) {
    .site-search-module-inside .btn-primary{position:top; top:590px;}
    .site-search-module-inside{padding-bottom:60px;}
    }

    Hope this helps.
    Thanks

    Avatarandybarn
    Participant
    Post count: 3
    # 4 years, 4 months ago

    Hi
    I added the code as suggested but unfortunately that did not work.
    See:- http://www.comparedirect.eu/index_old.html
    Hope you can continue to help, I would like it to work the same as your demo.

    Thanks
    Andy

    AuthorAuthor
    Keymaster
    Post count: 26666
    # 4 years, 4 months ago

    It seems like you broke something when doing the last change, please revert it back and i will send changed the changed html page. Leave the css i sent lastly just revert the changes done in html page.

    Thanks

    Avatarandybarn
    Participant
    Post count: 3
    # 4 years, 4 months ago

    Hi

    I have reverted the HTML page back and just left the code I added to the end of the style.css that you sent me (see code below)

    @media only screen and (max-width: 992px) {
    .site-search-module-inside .btn-primary{position:top; top:590px;}
    .site-search-module-inside{padding-bottom:60px;}
    }

    I look forward to hearing from you.

    Kind regards
    Andy

    AuthorAuthor
    Keymaster
    Post count: 26666
    # 4 years, 3 months ago

    Use the attached page and add custom css as well:
    @media only screen and (max-width: 992px) {.secondary-search-row{margin-top:-50px;}}

    Thanks

    Avatarkadtam
    Participant
    Post count: 1
    # 3 years, 1 month ago

    Can’t see the attached html. I’d need that fix also. Thanks.

    AuthorAuthor
    Keymaster
    Post count: 26666
    # 3 years, 1 month ago

    @kadtam I need to close this year old thread to avoid further confusion for other users. Please create a new thread here: http://support.imithemes.com/forums/forum/html-templates/real-spaces/#new-post Thanks

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘property search on mobile does not display advanced fields’ is closed to new replies.