[dupre]

рони,
извини, пожалуйста, за мои вечно кривые вопросы. Старательно, попробую спросить более кратко: чтобы

<span class="openclosebtn">☰</span>

при открытии сайдбара

<div id="mySidenav" class="sidenav">
  <a href="#" class="closebtn" >&times;</a>
  <a href="#">About</a>
  <a href="#">Services</a>
  <a href="#">Clients</a>
  <a href="#">Contact</a>
</div>

с помощью анимации сместился влево и остановился сверху на пунктами меню открывшегося сайдбара, и после закрытия сайдбара, так же, анимированно вернулся на прежнее место.
Закрывающий крестик, что на территории сайдбара уже, тогда, конечно не будет нужен и его просто можно удалить или закоментировать.
Ранее не приходилось видеть подобной реализации. Кажется, это будет необычно, интересно и очень красиво.