[Помогите] Адаптация чать 2

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Savok32, 31 май 2016.

  1. Savok32

    Savok32

    Регистрация:
    18 дек 2012
    Сообщения:
    331
    Симпатии:
    51
    Дорогие коллеги.

    1. Как сделать что, меню верхнее отображалась по центру даже чуть чуть, левее. И при этом не изменяла вид других устройств.
    2. Как выровнять верхнюю иконку на мобильном устройстве.

    http://stanok-pro.ru/fanvil/

    [​IMG]
     
  2. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    145
    Симпатии:
    20
    У вас меню живёт не в .container, поэтому оно прижато к левой части экрана - может это поможет.
    Вернее, container там есть, он почему-то container10
    А иконки float:left
     
    $iD и Savok32 нравится это.
  3. Savok32

    Savok32

    Регистрация:
    18 дек 2012
    Сообщения:
    331
    Симпатии:
    51
    Про container верно, когда он есть, отображается там где надо, но вот мобильная версия ломается....
    --- Добавлено, 31 май 2016 ---
    Так, теперь осталось иконки сделать под адаптивность float:left не работает
     
  4. Perat

    Perat

    Регистрация:
    27 окт 2015
    Сообщения:
    54
    Симпатии:
    3
    2-
    <div class="container" style="
    height: 74px;
    ">


    <div class="row">


    <div id="logo" class="vc_col-sm-9">
    <a href="/"> <img src="http://stanok-pro.ru/fanvil/wp-content/themes/lawyeria-lite/images/logo.png" width="200"></a>
    </div>
    <div class="vc_col-sm-3" style="
    position: absolute;
    right: 0;
    "> <a href="/"> <img src="http://stanok-pro.ru/fanvil/wp-content/themes/lawyeria-lite/images/home.png" class="header-imgso" width="50"></a> <a href="/contacts"> <img src="http://stanok-pro.ru/fanvil/wp-content/themes/lawyeria-lite/images/conta.png" class="header-imgso1" width="50"></a></div>



    </div>
     
    Savok32 нравится это.
  5. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    145
    Симпатии:
    20
    Попробуйте запхать весь контент в один container. Зачем их много?
    для #logo float. И можно непосредственно указать в @media именно для малого разрешения.
     
    $iD и Savok32 нравится это.