Can I change the order of collection items in Webflow, such as making the mobile tag appear first?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

Yes, you can change the order of collection items in Webflow, including the order in which they appear on the mobile version of your site. Here's how you can do it:

Access the Webflow Designer:

Login to your Webflow account and open the site you want to edit.
Click on the "Designer" tab to access the Webflow Designer.

Select the Collection List element:

Navigate to the page where your collection list is located.
Select the Collection List element by clicking on it. It will be highlighted with a blue outline.

Open the Collection List settings:

In the right sidebar, you'll see the Collection List settings panel.
Click on the gear icon at the top of the Collection List panel to access the settings.

Sort collection items:

In the Collection List settings panel, you'll find the "Sort Order" dropdown menu.
Click on the dropdown menu and choose the desired sorting option for your collection items.
Select "Custom order" to manually reorder the collection items.

Reorder collection items:

With the "Custom order" selected, you'll see a "Reorder Collection Items" button below the "Sort Order" dropdown.
Click on the "Reorder Collection Items" button to open the Collection List Editor.

Rearrange the order:

In the Collection List Editor, you'll see a list of all your collection items.
You can drag and drop the items in the desired order using the handle icon (three horizontal lines) next to each item.
The changes you make will be instantly reflected in the Designer.

Save and publish:

Once you're done reordering the collection items, click the "Done" button in the Collection List Editor.
Save your changes by clicking the "Publish" button in the top menu.
Your collection items will now appear in the new order on your published site.

By following these steps, you can easily change the order of collection items in Webflow, including making the mobile tag appear first or in any other custom order you desire.

Additional Questions:

How do I reorder collection items in Webflow?
Can I customize the sorting order of collection items in Webflow?
Is it possible to change the order of collection items in Webflow on mobile only?

Can CMS collection data be automatically inserted into a field on a contact form in Webflow?

What is the issue with including images in the Rich Text editor in Webflow?

Can I submit rich text (bullet points, paragraphs only) in a form on Webflow?

Does the Webflow CMS have the ability to rename fields in collections?

What could be the reason why the emails entered in the form on my Webflow site are not receiving a confirmation upon submission?

What is the best choice for someone looking to build a website with features like a portfolio, services, blogs, and potentially products, but cannot afford the cost of the CMS features offered by Webflow? Additionally, how well does exporting the code and hosting it elsewhere work, and how would the forms on the website function in that case?

How do I arrange client logos in my Webflow CMS Collection by number order?

Why is it difficult to create a masonry grid style photo gallery with a lightbox in Webflow without using the CMS?

Is it possible to have nested lists in the Rich Text field while creating a collection template in Webflow?

Is there a way to create a link in Webflow that allows only specific individuals with the link to view a page with downloadable PDFs, without requiring a login for clients?