Social icons position on mobile

Hello everyone.
At https://kriesi.at/documentation/enfold/social-share-buttons/#toggle-id-1, I found this code to display social media icons on mobile devices:

/* Do not hide social bookmarks */
@media only screen and (max-width: 479px) {
.responsive #top #wrap_all #header .social_bookmarks {
display: block;
}}

It works perfectly, but the icons are to the right of the menu.
Would it be possible to have them between the logo and the menu instead?

Alternatively, is it possible to insert them within the mobile menu?
Regards.