Header menu search results table
-
Good day this is happening again.
Why are the search results showing in a table form? How can I change this so that it shows like a regular drop down list?
The code that you recommended is not working. This is the code that you provided but its not working.
.autocomplete-suggestions {
display: block !important; /* Change from grid to block */
margin-top: 0;
}
.autocomplete-suggestion .suggestion-thumb {
max-width: 45px; /* Adjust thumbnail size */
margin-right: 10px; /* Add some margin to separate the image from the text */
}
The results are still showing in a table form. Please help.
Attachments:
You must be
logged in to view attached files.
Hello,
Try to add the following custom css code in Theme Settings > Custom CSS:
.wd-dropdown-results .wd-suggestions-group {
display: block !important;
}
.wd-dropdown-results .wd-suggestion {
display: flex; /* Keep image + content inline */
flex-direction: row;
gap: 10px;
margin-bottom: 5px;
}
.wd-dropdown-results .wd-suggestion-thumb {
max-width: 45px; /* Adjust thumbnail size */
}
.wd-dropdown-results .wd-suggestion-content {
flex: 1;
}
Best Regards,
.
