Move social links in header above or below menu links

You may not be able to get the exact effect you want with CSS alone because of the way the elements are structured.

But some things can be done.

Add the following to Design > Custom CSS.

.header-actions--right {

  flex-direction : column;
  gap : 1em;
  
  }

The navigation items could be aligned to top, middle (default), or bottom. But they can't be aligned in relation to the social icons or the CTA button. They are in different elements. Although margins and padding might be used to approximate crudely "alignment". In the following image we see two majors elements.