How to display "sort by" options on mobile?
1 minute read
By default sorting filers (NEWEST POPULAR PRICE (HIGH TO LOW) PRICE (LOW TO HIGH)) are not displayed on the mobile. If you wish to turn it on, please add this CSS to your additional CSS
css
@media (max-width: 1023px) {
.mh-filters {
display: block!important;
height: auto!important;
float: left!important;
width: 100%!important;
margin-bottom: 12px!important;
}
.mh-search__results-wrapper {
padding: 0!important;
display: inline-block!important;
width: 100%!important;
}
.mh-save-search-button {
float: left!important;
width: 100%!important;
margin: 0 -12px 24px 0!important;
}
}In this article you can find information how to add custom CSS to any WordPress Theme: How to add CSS code that is future update compatible
Ask the people who build MyHome WPBakery
We answer by email from support@tangiblewp.com. With Premium Support, we also fix your site when something breaks.
We can also run your site for you, or build a new one.
Was this guide helpful?