Socket menue on left side

put these two snippets inside your child-theme functions.php:

add_action('ava_after_footer_output', function() {
  echo '<div id="subsocket" class="container_wrap subsocket_color"><div class="container">';
  echo !dynamic_sidebar('subsocket');
  echo '</div></div>';
});

function subsocket_color_set($color_sets){
  $color_sets['subsocket_color'] = 'Subsocket';
  return $color_sets;
}
add_filter( 'avf_color_sets', 'subsocket_color_set', 999 );

after that go to your widgets and create a new widget area named: subsocket

the first snippet is to have a new widget area – the second snippet is for having your own color styles for that area by enfold options.

Inside the new widget area you can have all widget you like to have.

to have less height and paddings etc. just a little css:

#subsocket > .container,
#subsocket .widget {
  padding: 0;
}
#subsocket p {
  margin: 0;
}
#subsocket .av-special-heading {
  margin: 10px auto;
}

for changing the position of copyright info and footer menue – the idea of Mike is perfect:

#socket .container {
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: space-between;
}

#socket .container::after {
  display: none;
}

#socket .sub_menu_socket {
  display: flex;
  align-items: center;
}

@media only screen and (max-width:767px) {
  #socket .container {
    flex-direction: column;
    align-items: center;
  }
  #socket .container > * {
    display: inline-block;
    width: unset !important;
  }
}

yes – or if you like to have on responsvie case first the menue then the copyright info use instead as media query:

@media only screen and (max-width:767px) {
  #socket .container {
    flex-flow: column-reverse wrap;
    align-items: center;
  }
  #socket .container > * {
    display: inline-block;
    width: unset !important;
  }
}