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,
The topic ‘Full screen search : number of columns ?’ is closed to new replies.
.
