# Horizontal scrolling for Tab element **URL:** \ **Category:** Ask us anything\ **Created:** [March 1, 2024, 5:24am UTC](https://community.weweb.io/t/horizontal-scrolling-for-tab-element/7357 "2024-03-01T05:24:29Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![Himanshu](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/himanshu/32/16305_2.png) [@Himanshu](https://community.weweb.io/u/Himanshu)\ **Post date:** [March 1, 2024, 5:24am UTC](https://community.weweb.io/t/horizontal-scrolling-for-tab-element/7357/1 "2024-03-01T05:24:29Z")
How do we enable horizontal scroll for the tab element? The ‘headers’ should scroll horizontally but the ‘content’ should remain responsive and follow the margin of the parent div. ![Screenshot 2024-03-01 at 10.13.21 AM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/2104ae312333929dc3f24abbcd0cf5a2b9cb1365.png) In this screenshot, the tabs inside the red container should scroll while the content inside the blue container should maintain the margin from the screen ---
**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\ **Post date:** [March 2, 2024, 9:28am UTC](https://community.weweb.io/t/horizontal-scrolling-for-tab-element/7357/2 "2024-03-02T09:28:53Z")
I think you sre going to have to make the ehole Tab element wide to support scrolling and then limit each of the tab contents to be 100% of the viewport This is a workaround and we should fix the tab element ---
**Author:** ![Himanshu](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/himanshu/32/16305_2.png) [@Himanshu](https://community.weweb.io/u/Himanshu)\ **Post date:** [March 2, 2024, 6:34pm UTC](https://community.weweb.io/t/horizontal-scrolling-for-tab-element/7357/3 "2024-03-02T18:34:35Z")
I gave the tab element a min-width of 800 px and set the overflow to scroll. However, it’s not scrolling. ---
**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\ **Post date:** [March 4, 2024, 1:13pm UTC](https://community.weweb.io/t/horizontal-scrolling-for-tab-element/7357/4 "2024-03-04T13:13:56Z")
Indeed, it’s not possible I will add a note to fix this as soon as we come to revamping the Tab element I know that it’s inconvenient, but the solution is to remake the tab element with conditional displays ---
**Author:** ![clncsports](https://avatars.discourse-cdn.com/v4/letter/c/ecccb3/32.png) [@clncsports](https://community.weweb.io/u/clncsports)\ **Post date:** [November 21, 2024, 12:17am UTC](https://community.weweb.io/t/horizontal-scrolling-for-tab-element/7357/5 "2024-11-21T00:17:48Z")
Hi Luka - any movement here? ---
**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\ **Post date:** [November 21, 2024, 8:10am UTC](https://community.weweb.io/t/horizontal-scrolling-for-tab-element/7357/6 "2024-11-21T08:10:08Z")
![Screen Recording 2024-11-21 at 09.09.19](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d70f001af6acf398b9b058215695d17964bb799d.gif) Will be possible with the new element, will update you this week on when the release is! ---
**Author:** ![da-wang](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/da-wang/32/10904_2.png) [@da-wang](https://community.weweb.io/u/da-wang)\ **Post date:** [June 3, 2025, 10:35am UTC](https://community.weweb.io/t/horizontal-scrolling-for-tab-element/7357/7 "2025-06-03T10:35:46Z")
hello Luka, did you guys manage to release this? I am struggling to make this happen. cheers