Что создает огромные промежутки между моими мобильными пунктами меню? - PullRequest
Новая
       8

Что создает огромные промежутки между моими мобильными пунктами меню?

0 голосов
/ 24 июня 2018

Я создал мобильное меню для гамбургеров, и по какой-то причине между ссылками есть нежелательные пробелы.

  @media only screen and (max-width: 440px) {
  .elementor-nav-menu a {
    display: inline-block;
  }
  .mobilemenucontact {
    white-space: nowrap;
    position: relative;
    width: 100%;
    display: inline-block;
  }
  #mobilemenucontact {
    white-space: nowrap;
    position: relative;
    width: 100%;
    display: inline-block;
  }
  @media only screen and (max-width: 375px) {
    .makeSmall {
      font-size: 95%;
    }
  }
  @media only screen and (max-width: 375px) {
    .email-mobile {
      width: 28px;
    }
  }
  @media only screen and (max-width: 375px) {
    .facebook-mobile {
      width: 28px;
    }
  }
  @media only screen and (max-width: 375px) {
    .column-contact {
      padding: 5px 30px;
    }
  }
  @media only screen and (max-width: 375px) {
    .mobilenumber {
      color: #142c7c !important
    }
  }
  .active {
    border-bottom: 2.11px solid #61f6ff;
    padding: 4px;
    box-sizing: border-box;
    margin-bottom: 4px;
  }
<p class="makeSmall" style="text-align: center;">
  <a href="mailto:maya@mayabarber.co.il"><img class="email-mobile" src="http://mayabarber.co.il/wp-content/uploads/2018/06/Untitled-1.svg" width="33" height="33" /></a>
  <a href="https://www.facebook.com/mayabarbercontrolcenter/"><img class="facebook-mobile" src="http://mayabarber.co.il/wp-content/uploads/2018/06/Untitled-2.svg" width="33" height="33" /></a>
  <label style="color: #61f6ff;" data-mce-fragment="1"> | <a class="mobilenumber" style="color: #001a71;" href="tel:052-6582643" data-mce-fragment="1">052-6582643</a></label></p>

Я хочу, чтобы он был только в одной строке и выглядел так на всех телефонных устройствах: enter image description here

Раньше у меня были некоторые проблемы с Safari и iPhonems, когда я пытался заставить его выглядеть хорошо.Вот ссылка на сайт, если вы хотите проверить: www.mayabarber.co.il Есть идеи?При необходимости я могу заменить CSS и HTML.

...