aloky

<div class="container">
  <div class="row justify-content-between">
    <div class="col-md-auto"></div>
    <div class="col-md-auto"></div>
    <div class="col-md-auto"></div>
  </div>
</div>

white-space: nowrap;

Пример - https://static.hltv.org/images/team/logo/6667

document.querySelector('.btn-b').addEventListener("click", function(){location.href='file.xlsx'})

И почему вы кнопку создаете div =(

<div class="btn-b" data-fancybox data-animation-duration="700" data-src="#Modal" href="javascript:;">Открыть</div>
<script>
document.querySelector('.btn-b').addEventListener("click", function(){location.href='file.xlsx'})
</script>

.menu { height: 100vh; }
И было бы легче вам помочь, если вы предоставили код.
И пример тут на глазах у тебя даже dl4.joxi.net/drive/2018/02/16/0022/1330/1500466/66...

Примерно так) только надо до конца довести дело))) https://codepen.io/aloky/pen/ddZdZR

https://jsfiddle.net/ayeqrb1e/2/

Можно через JQuery, но можно и на чистом css
Пример: https://ruseller.com/lessons.php?rub=2&id=1502

Есть готовое materializecss.com/pushpin.html

https://jsfiddle.net/gejx99yb/1/

dl4.joxi.net/drive/2018/01/19/0022/1330/1500466/66...

.gorodflag { width: 100% }

Скинь лучше пример где нибудь
Например тут: https://jsfiddle.net/

А не легче использовать уже готовое?
Например: https://getbootstrap.com/docs/4.0/components/navba...

dl4.joxi.net/drive/2017/12/28/0022/1330/1500466/66...

class="music_item gorgorod"
После нажатия
class="a"

c='className'
l=t=>t[c]=t[c]=='a'?p.pause():(a[c]=c,a=t,p.src=t.title,p.play(),'a')
s.onclick=e=>l(e.target)

Надо написать c='id'