<p>My headings were created alphabetically but Z-A not A-Z, I solved by modifying the dom elements and then clicking save.</p>

<pre><code>var source = document.querySelector('.cs-sidebar .sources');
var divs = [...document.querySelectorAll('.cs-sidebar .sources .customize-sources-item')];
divs = divs.slice(0).reverse();
source.innerHTML = '';
for(let i = 0; i &lt; divs.length; i++){
  source.appendChild(divs[i]);
}
</code></pre>

CC BY-SA 4.0
2018-08-07T09:48:04.663Z
2018-08-07T09:48:04.663Z
Jai Sandhu
<p>Is there a way (or plugin) to organise headings alphabetically? You can drag and drop to rearrange but if its a contact list for example, being alphabetised is really useful.<a href="https://i.sstatic.net/OzhFX.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/OzhFX.jpg" alt="enter image description here"></a></p>

<control-panel>
Rearrange Headings Alphabetically
# Rearrange Headings Alphabetically

(Asked by: username_0 on 2018-08-06)

Is there a way (or plugin) to organise headings alphabetically? You can drag and drop to rearrange but if its a contact list for example, being alphabetised is really useful.[![enter image description here](https://i.sstatic.net/OzhFX.jpg)](https://i.sstatic.net/OzhFX.jpg)

**Tags:** control-panel


---

## 1 answers

### Answer by username_0 on 2018-08-07. Score: 1 | Accepted answer

My headings were created alphabetically but Z-A not A-Z, I solved by modifying the dom elements and then clicking save.
var source = document.querySelector('.cs-sidebar .sources');
var divs = [...document.querySelectorAll('.cs-sidebar .sources .customize-sources-item')];
divs = divs.slice(0).reverse();
source.innerHTML = '';
for(let i = 0; i < divs.length; i++){
  source.appendChild(divs[i]);
}


---

