Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 1000px) {
.nectar-post-grid-filters div {
display: block !important;
}
.light .nectar-post-grid-wrap .nectar-post-grid-filters h4 {
display: none !important;
}
}
Hi there,
I wonder if there is an easy way to get rid off the "filter" dropdown menu on mobile? I'd like to show categories right away.
Regards,
seb
Hi seb,
Try the following custom css in Salient > General settings > CSS/Script related:
@media only screen and (max-width: 1000px) { .nectar-post-grid-filters[data-sortable="yes"] { display: none; } }Hope this helps.
It's not working.
Instead of showing my portfolio categories, I don't see filter button or categories - nothing.
Hi Seb,
Please send your website URL.
Thanks.
Hi Seb,
Please try turning this feature off:
Hope this helps.
Kind Regards.
This solution not suits my needs.
I need to have category selector on desktop, but I don't want to show filter button on mobile (...or my client wants to have this that way).
I'd like to show 'category 1, category 2' same way on mobile like it is on desktop.
Hope that now we are on the same page.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 1000px) { .nectar-post-grid-filters div { display: block !important; } .light .nectar-post-grid-wrap .nectar-post-grid-filters h4 { display: none !important; } }Thanks
ThemeNectar Support Team
Cool - now it's working.
Thank you for your time :-)