1. Home
  2. ReHub Theme
  3. Useful code snippets
  4. How to disable horizontal mobile scroll for category pages

How to disable horizontal mobile scroll for category pages

Some elements in theme are working as scrolling sliders when you view them on mobile to be more compact

You can disable this with next code

@media screen and (max-width: 1023px) {
.products_category_box.smart-scroll-mobile { white-space: normal !important}
 .products_category_box.smart-scroll-mobile>div { width:50% !important; margin: 7px 0px !important; min-width:50%;} 
}  

Set your own width in % if you want to change this. For example, you can set 100%

you can place this in theme options – general options – custom css