# Slider-tabs menu

**URL:** <https://community.weweb.io/t/slider-tabs-menu/17332>\
**Category:** How do I?\
**Tags:** workflows, design\
**Created:** [March 20, 2025, 1:14pm UTC](https://community.weweb.io/t/slider-tabs-menu/17332 "2025-03-20T13:14:05Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Thulo](https://avatars.discourse-cdn.com/v4/letter/t/b5e925/32.png) [@Thulo](https://community.weweb.io/u/Thulo)\
**Post date:** [March 20, 2025, 1:14pm UTC](https://community.weweb.io/t/slider-tabs-menu/17332/1 "2025-03-20T13:14:06Z")

</div>

![Screenshot 2025-03-20 135145](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/34fd9fc81489c37f072346a13de60eddb9f7d305.png)

I am attempting to build this slider-tabs menu and I would like the user to be able to click the navigators or drag the whole container and for the menu to slide and snap into place. I decided against the native Weweb sliders or tab components as I need it to visually be more custom (which the components don’t have much flexibility for).

Any ideas on how I can do this?

---

<div class="post-metadata">

**Author:** ![Thulo](https://avatars.discourse-cdn.com/v4/letter/t/b5e925/32.png) [@Thulo](https://community.weweb.io/u/Thulo)\
**Post date:** [March 24, 2025, 10:17am UTC](https://community.weweb.io/t/slider-tabs-menu/17332/2 "2025-03-24T10:17:31Z")

</div>

Any help? 🥺

---

<div class="post-metadata">

**Author:** ![Thulo](https://avatars.discourse-cdn.com/v4/letter/t/b5e925/32.png) [@Thulo](https://community.weweb.io/u/Thulo)\
**Post date:** [March 26, 2025, 1:46pm UTC](https://community.weweb.io/t/slider-tabs-menu/17332/3 "2025-03-26T13:46:32Z")

</div>

Still really need help if anyone can assist

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [March 26, 2025, 9:28pm UTC](https://community.weweb.io/t/slider-tabs-menu/17332/4 "2025-03-26T21:28:51Z")

</div>

> [@Thulo](#):
>
> I decided against the native Weweb sliders or tab components as I need it to visually be more custom

Not many options if you have made such a decision. You only can implement a custom slider library, which probably, judging by this post is not within your abilities. What kind of answer do you expect? If you. tell us, we might be able to give it to you.

---

<div class="post-metadata">

**Author:** ![Thulo](https://avatars.discourse-cdn.com/v4/letter/t/b5e925/32.png) [@Thulo](https://community.weweb.io/u/Thulo)\
**Post date:** [March 27, 2025, 12:00pm UTC](https://community.weweb.io/t/slider-tabs-menu/17332/5 "2025-03-27T12:00:10Z")

</div>

Hi @Broberto, I really appreciate your response. Yes, implementing a custom slider library is a little out of my abilities. I was hoping I could get some guidance on any techniques, or workarounds with formulas & variables, css or Javascript that I can use to achieve this functionality?

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [March 27, 2025, 12:02pm UTC](https://community.weweb.io/t/slider-tabs-menu/17332/6 "2025-03-27T12:02:18Z")

</div>

There is no such things that would exactly replicate what you’re looking for. The only thing that comes to my mind would be using the overflow property to make the container with the menu items scrollable horizontally.

---

<div class="post-metadata">

**Author:** ![Thulo](https://avatars.discourse-cdn.com/v4/letter/t/b5e925/32.png) [@Thulo](https://community.weweb.io/u/Thulo)\
**Post date:** [March 27, 2025, 12:05pm UTC](https://community.weweb.io/t/slider-tabs-menu/17332/7 "2025-03-27T12:05:58Z")

</div>

Okay I understand, thanks a million.
