Николай

Как писали выше:
background-position: right top;
и можно сдвинуть через absolute в нужную сторону.

.block{
  position: relative;
  overflow: hidden;
}
.block .image{
  background-image: url("../img/bg_header.png");
  background-repeat: no-repeat;
  background-position: right top;
  width: calc(100% + 30px);
  height: 100%;
  position: absolute;
  right: -30px;
  top: 0;
}

Скорей всего отсутствуют стили от слика

https://github.com/kenwheeler/slick/blob/master/slick/slick.css

src/_header.html
<nav>
  <ul>
    <li class="@@activeclassHome">Home</li>
    <li class="@@activeclassAbout">About</li>
  </ul>
</nav>

src/index.html
@@include('_header.html', {activeclassHome": "active", "activeclassAbout": ""})

src/about.html
@@include('_header.html', {activeclassHome": "", "activeclassAbout": "active"})

Можно сделать, что-то типо такого

<meta id="myViewport" name="viewport" content="width = 1920">

<script>
window.onload = function () {
    if (screen.width < 577) {
        var mvp = document.getElementById('myViewport');
        mvp.setAttribute('content','width=device-width, initial-scale=1.0');
    }
}
</script>