Social bookmarks in mobile hamburger menu

Hi All,

I am working on getting this done:
https://kriesi.at/support/topic/social-icons-in-mobile-menu-3/

All working fine, the social icons are in the menu, I was able to make the social icons list horizontally with:

.html_av-overlay-full #av-burger-menu-ul li.burger-social {
    float: left;
    display: inline;
    width: 30px;
    margin: 11px;
}

Two questions:

1) I noticed that the social icons are being called in reverse order. The first li is social icon 7.
How would I get the script to order them correctly? Showing social icon 1 first.

2) I would love to have these icons in a new UL. So I can position the UL absolute top left of menu panel.

Any help appreciated!

Kind regards,
Thomas