How do I show a filter box horizontally instead of vertically?

Home Forums Product Support Forums Ajax Search Pro for WordPress Support How do I show a filter box horizontally instead of vertically?

This topic contains 4 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 11 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #41884
    quim
    quim
    Participant

    Good morning,

    How do I show the custom field filter boxes instead of in a column, so that the same filter box is seen in rows across the width of the screen?, since it is very uncomfortable for small screens. I only see how to organize them in columns, not in rows.

    Thank you,

    Quim Arumi

    Attachments:
    You must be logged in to view attached files.
    #41896
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi,

    Well, there is no option on the back-end to do that, but it should be still possible via some custom CSS, try something like:

    .asp_sb,
    .asp_sb form fieldset {
        width: 100% !important;
        max-width: none !important;
    }
    .asp_sb form fieldset .asp_sett_scroll {
        width: 100% !important;
        max-width: none !important;
        display: flex;
        flex-wrap: wrap !important;
        position: static !Important;
    }
    .asp_sb form fieldset .asp_option {
        flex-grow: 1 !important;
    }
    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #41904
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Thank you very much, it works fine, I have added it in custom css of ajax search pro. The problem is that it does it for all the other browsers, and I only want it to be for specific browsers. Thank you

    Do you mean like targeting only mobile/desktop devices? That is possible.

    Targetting specific browser types is not possible via CSS, because CSS is the descriptor language for all browsers.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #41929
    quim
    quim
    Participant

    Hello, we have been able to apply it to just one ajax search pro search engine. But the problem is that we would like it to adjust to the screen. That is, we want the custom fields (in the same group) to be displayed side by side and be responsive. With this code, they are not. Thank you.

    #41937
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Can you please add a URL where I can check this out and test?
    I will have to see it live to be able to suggest modifications, but it also depends on what exactly are you trying to achieve.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


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

You must be logged in to reply to this topic.