nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How do I move the new comment box to the top of the Commenst section?

Chris Selvig

I'm setting up a comments-intensive page that will have a few thousand comments on it each month, and so it will rapidly become unwieldy for new commenters to have to scroll to the bottom. David Simpson posted somethign abou tthis on his blog, as an addition to a tip about how to sort comments by descendign age, but I had trouble getting the comments-at-the-top part to work.

Accepted answers

twong_atlassian

In keeping with David Simpson's solution, you could do something like dropping this into Admin>Custom HTML> At the End of the Head:

&lt;script&gt;
  AJS.toInit(function(){
    $comments = AJS.$('#page-comments'); 
    $comments.children().each(function(i,li){$comments.prepend(li)})
    $commentbox = AJS.$('.quick-comment-container')
	AJS.$('#page-comments').before($commentbox)
  });
&lt;/script&gt;

All comments

twong_atlassian

In keeping with David Simpson's solution, you could do something like dropping this into Admin>Custom HTML> At the End of the Head:

&lt;script&gt;
  AJS.toInit(function(){
    $comments = AJS.$('#page-comments'); 
    $comments.children().each(function(i,li){$comments.prepend(li)})
    $commentbox = AJS.$('.quick-comment-container')
	AJS.$('#page-comments').before($commentbox)
  });
&lt;/script&gt;