Full screen search : number of columns ?

Hi
How can i shows 5 colums in ajax search results on Full screen search ? (instead of 10)

i cannot find where to control this

thank you

Hello,

Please add below Custom CSS code to Theme Settings > Custom CSS > Desktop CSS:

.wd-search-full-screen .autocomplete-suggestion {
    flex: 0 0 20%; /* 100% / 5 = 20% for 5 columns */
    max-width: 20%;
}

Best Regards,

Thank you

Here is my updated code to show everything fine :

/* full screen search 5 results by line*/
.wd-search-full-screen .autocomplete-suggestion {
    flex: 0 0 20%; /* 100% / 5 = 20% for 5 columns */
    /*max-width: 20%;*/
}

/* full screen search center title below image*/
.autocomplete-suggestion .suggestion-content {
    margin: auto;
}

/* full screen search for title : popular search*/
.search-info-text {
    font-weight: 500;
    color: #444!important;
    font-size: 20px !important;
}

Hello,

You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts