Логотип внутри контейнера flexbox кажется сломанным только на iOS - PullRequest
Новая
       17

Логотип внутри контейнера flexbox кажется сломанным только на iOS

0 голосов
/ 18 апреля 2019

У меня есть логотип внутри гибкого контейнера, который отлично работает на Windows и Android, только на iOS кажется неуместным.

Я пытался позиционировать его абсолютно, но он ломает меню панели навигации. 

   .navbar {
        padding: 0;
        display: flex;
        justify-content: space-between;

        @include mobile {
            max-width: inherit;
            padding: 0 20px;
            justify-content: flex-end;
        }

        @include medium {
            max-width: inherit;
            padding: 0 20px;
        }
         .logo {
            order: 3;
            height: 80px;
            padding: 15px 0;
            @include mobile {
                padding: 15px 0;
            }
            img {
                height: 100%;
                width: auto;
            }
        }
    }



       <nav class="navbar container" role="navigation">
            <input type="checkbox" id="nav" class="d-none">
            <label for="nav" class="nav-toggler">
                <i></i>
                <i></i>
                <i></i>
            </label>
            <div class="logo">
                <a href="<?php echo home_url(); ?>"><img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" class="shadowed" alt="<?php echo bloginfo('name'); ?>"></a>
            </div>
        </nav>

windows, android

ios

...