Hi.
I have inserted a slider on the home page of the site (Product categories list).
I have 4 images/categories on my desktop view.
On the mobile view, it shows one.
In the widget settings, I assigned the name “Test” to the CSS ID.
I added the code to the Themes Custom CSS > Mobile (0-480px):
@media (max-width: 480px) {
#Test .category-grid{
width: 50% !important;
}}
What I got is the display of only one category/image on the left side while the right side is empty.
How do I solve this?