portfolio category filters on mobile
-
Hi, I have a problem with portfolio category filters on mobile.
I have a lot of filters and, on tablet and smartphone I can just seethe first 2 filters: in order to see all the other filters I must slide them but it’s almost impossible on mobile.
So I need to display filters in a sort of grid, like in the other website in the jpg I attach below.
Please, can you help me by providing a custom css? Thanks a lot it’s very important for my customer
Attachments:
You must be
logged in to view attached files.
Hello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards
Hello, below you can find your temporary admin access (wesite in staging and coming soon).
Thanks a lot for any help you can provide
Hello,
Try to add the following custom css code in Theme Settings > Custom CSS > Custom CSS for mobile:
/* Allow tabs to wrap into multiple rows */
ul.wd-nav-portfolio.wd-nav {
flex-wrap: wrap !important;
overflow-x: visible !important;
white-space: normal !important;
justify-content: center !important;
gap: 8px !important; /* Adds spacing between buttons */
}
/* Style individual tabs with a border/pill style */
ul.wd-nav-portfolio.wd-nav li a {
border: 1px solid #dcdcdc !important;
border-radius: 20px !important;
padding: 6px 14px !important;
display: inline-block !important;
}
/* Active state (when a filter is selected) */
ul.wd-nav-portfolio.wd-nav li.wd-active a {
background-color: #d7c9c9 !important; /* Change to your brand color if preferred */
color: #ffffff !important;
border-color: #000000 !important;
}
Best Regards
.
