*

MvdO79

  • ***
  • 32 posts
Categories slider
« on: August 06, 2021, 12:16:20 AM »
Hi, I am loving the Delta theme!

Working on the website I have lots of categories, it would be great to have a slider for the categories as they now are showing in a large list that fills up a lot of space, see attached image.

Is there a plugin, modification possible, or a relative simple way to set this up with PHP?

Marked as best answer by frosticek on August 07, 2021, 07:36:16 PM
*

MB Themes

Re: Categories slider
« Reply #1 on: August 06, 2021, 08:47:39 AM »
Try this CSS adjustment:
Code: [Select]
#home-cat2 .wrap {overflow-x:auto;}
#home-cat2 .wrap > .line {display:inline-block;white-space:nowrap;}
#home-cat2 .wrap {scrollbar-width:thin;scrollbar-color: #9e9e9e rgba(0,0,0,0.05);}
#home-cat2 .wrap::-webkit-scrollbar {box-shadow: none;height: 5px;background:rgba(0,0,0,0.05);}
#home-cat2 .wrap::-webkit-scrollbar-thumb {border-radius:100px;background-color: rgba(0,0,0,0.3);background-clip: initial;box-shadow: none;}
#home-cat2 .wrap::-webkit-scrollbar-thumb:hover {background-color: rgba(0,0,0,0.6);}
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

MvdO79

  • ***
  • 32 posts
Re: Categories slider
« Reply #2 on: August 06, 2021, 08:04:54 PM »
Wow, this is magic, well CSS, but still magic.
Thanks ;D

*

sgak0ns

  • *
  • 2 posts
Re: Categories slider
« Reply #3 on: August 09, 2021, 11:53:35 AM »


Can i do the same slider for the latest adds ?

*

MB Themes

Re: Categories slider
« Reply #4 on: August 09, 2021, 03:24:23 PM »
@sgak0ns
Procedure would be more-less same. Children must be set to float:none is good tip ;)
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots