Standard layout for Record List component does not allow custom sort function

Workaround: Hide the Record List Header Using Custom CSS

While a standard solution to allow sorting on the standard layout is not available, you can use custom CSS as a workaround to hide the Record List Header. Note that this solution affects the Experience Cloud site on a global level, so any Record List components added to the site are affected by the CSS override.
To hide the header using CSS:

1. Access Experience Builder from Setup:
   1. In Salesforce Classic: Setup > Customize > Digital Experiences > All Sites > Builder
   2. In Lightning Experience: Setup > Digital Experiences > All Sites > Builder
2. Click the Theme menu.
3. Click on the down arrow drop-down and click Edit CSS under 'Manage Branding Sets.'
4. Once the CSS editor opens, enter the following CSS rule to hide the Record List Header on desktop layouts: .forceCommunityRecordListDesktop .slds-page-header {display: none;} — This rule targets the record list header element within the community desktop layout and hides it using a CSS display property.
5. Click Save.
6. Click Publish.

Once the publish is complete, access any page that contains a Record List component and the header should no longer be present.

Considerations Before Using This Workaround

• Custom CSS is not supported by Salesforce Support, so we cannot advise on what markup to use within your site.
• This is a workaround, not a permanent solution. If you want a component that does not display the header but offers the ability to sort based on the list view field, a custom component is needed.
• For a permanent fix, vote on the related Idea on the Trailblazer Community: Community Templates: Record List View Component Sorting.