Невозможно свернуть навигацию в веб-сайте Bootstrap 3 на iPad - PullRequest
Новая
       29

Невозможно свернуть навигацию в веб-сайте Bootstrap 3 на iPad

0 голосов
/ 13 октября 2018

Из-за жизни я не могу понять, как свернуть навигацию моего сайта Bootstrap 3 на моем iPad.Веб-сайт allisonbrandonwexler.com.

Основываясь на некоторых исследованиях, я решил, что этот код необходимо изменить в файле .css моей темы, но я ничего не могу сделать: 

@media (min-width: 768px) {
  .navbar-custom {
    padding: 20px 0;
    border-bottom: none;
    letter-spacing: 1px;
    background: transparent;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  }

  .navbar-custom.top-nav-collapse {
    padding: 0;
    background: black;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
}

И, честно говоря, хотя навигация на моем iPhone X рушится в альбомном режиме, как я этого хочу, я даже не уверен, почему это работает, учитывая, что ширина пикселя iPhone X (когда в альбомной ориентации), очевидно, большечем 768 пикселей.

Файл CSS моего сайта можно найти здесь: https://github.com/brandonwexler/brandonwexler.github.io/tree/master/css

... и файл bootstrap.css можно найти здесь: https://github.com/brandonwexler/brandonwexler.github.io/tree/master/vendor/bootstrap/css

Буду признателен за любую помощь!

...