# Removing the first and last item of a reorder list for grid layout

**URL:** <https://community.weweb.io/t/removing-the-first-and-last-item-of-a-reorder-list-for-grid-layout/20033>\
**Category:** Ask us anything\
**Created:** [September 23, 2025, 2:20pm UTC](https://community.weweb.io/t/removing-the-first-and-last-item-of-a-reorder-list-for-grid-layout/20033 "2025-09-23T14:20:08Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![nealzie](https://avatars.discourse-cdn.com/v4/letter/n/958977/32.png) [@nealzie](https://community.weweb.io/u/nealzie)\
**Post date:** [September 23, 2025, 2:20pm UTC](https://community.weweb.io/t/removing-the-first-and-last-item-of-a-reorder-list-for-grid-layout/20033/1 "2025-09-23T14:20:08Z")

</div>

In the reorder list component, when you don’t use a header & footer, the div’s are still being created. I’m using custom css to put the layout in a grid, however this causes those divs to take up space. Is there a way to turn this off?

 ![Screenshot 2025-09-23 at 16.18.42](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/920b3069149be8d3a18c1842a8f2dc3a431c9a43.jpeg)

Also, how can you easily target the first-child and last-child from within the css editor of that element?

Thanks!

---

<div class="post-metadata">

**Author:** ![nealzie](https://avatars.discourse-cdn.com/v4/letter/n/958977/32.png) [@nealzie](https://community.weweb.io/u/nealzie)\
**Post date:** [September 25, 2025, 2:01pm UTC](https://community.weweb.io/t/removing-the-first-and-last-item-of-a-reorder-list-for-grid-layout/20033/2 "2025-09-25T14:01:20Z")

</div>

Anyone? @Agustin_Carozo ?

---

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [September 29, 2025, 2:01pm UTC](https://community.weweb.io/t/removing-the-first-and-last-item-of-a-reorder-list-for-grid-layout/20033/3 "2025-09-29T14:01:38Z")

</div>

Hi Niels 👋

Our native reorder list element has some simplified options to get you started quickly.

If you want to modify it the way you intend, you will need to fork it and modify it with custom code or with help from our AI.

You can see some community members trying to do that here:

> [@Sortable list drag modifications](https://community.weweb.io/t/sortable-list-drag-modifications/18931):
>
> Hey all, I’ve been working on my reorder list and have come up against two limitations I can’t seem to get around: Select multiple items. [This seems to be a feature of SortableJS](https://github.com/SortableJS/Sortable/tree/master/plugins/MultiDrag) but it’s not implemented in WeWeb? I’m already using a variable and can select multiple items by clicking them but if I drag them into another list only actual dragged item will “visually” move. The ability to disable HTML5 Drag and Drop API using the SortableJS forceFallback value. In the image abov…