1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Адаптивная верстка

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

  1. Savok32

    Savok32

    Регистрация:
    18 дек 2012
    Сообщения:
    333
    Симпатии:
    51
    Добрый день, такая проблема http://stanok-pro.ru/fanvil/

    При увеличение маштаба сайта, вверхние иконки, уходят вправо, как сделать чтобы они оставались на месте.

    вот пример косяка
    [​IMG]
     
  2. alex_storm

    alex_storm webdev

    Регистрация:
    11 дек 2012
    Сообщения:
    1.151
    Симпатии:
    667
    Эм... ну высунуть для начала все, что лежит в id="logo"
    Поместив в классы vc_col-sm-3
    HTML:
    <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"> <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>
    Ну и убрать хренотень
    Код:
    .header-imgso {
        /* position: relative; */
        /* left: 750px; */
    }
    .header-imgso1 {
        /* position: relative; */
        /* left: 800px; */
    }
     
    Savok32 нравится это.
  3. Savok32

    Savok32

    Регистрация:
    18 дек 2012
    Сообщения:
    333
    Симпатии:
    51
    Спс, еще сразу вопрос в догонку, как сделать чтобы в меню, раздел не переходил на новую строку. (в данному случаи Статьи)
    [​IMG]
     
  4. alex_storm

    alex_storm webdev

    Регистрация:
    11 дек 2012
    Сообщения:
    1.151
    Симпатии:
    667
    Ну например так:
    HTML:
    @media screan only (max-width:1050px){
    #nav > li > a{
    font-size:1.1em;
    }
    }
    Разместив это в самом конце css
     
  5. Savok32

    Savok32

    Регистрация:
    18 дек 2012
    Сообщения:
    333
    Симпатии:
    51
    всё осталось как было(
     
  6. alex_storm

    alex_storm webdev

    Регистрация:
    11 дек 2012
    Сообщения:
    1.151
    Симпатии:
    667
    Пардон..
    @media screen and(max-width:1050px){
    #nav > li > a{
    font-size:1.1em;
    }
    }
     
  7. Savok32

    Savok32

    Регистрация:
    18 дек 2012
    Сообщения:
    333
    Симпатии:
    51
    не работает собака((
    --- Добавлено, 30 май 2016 ---
    Замучила меня эта адаптивная штука уже))
    Кще сразу сюда напишу, косяк в том когда увеличиваешь масштаб, подвал растягивается и делает горизонтальный скролинг, как его сделать привести в норм вид.
     
  8. Savok32

    Savok32

    Регистрация:
    18 дек 2012
    Сообщения:
    333
    Симпатии:
    51
    еще такой вопрос, в подвале такая штука, как поправить ее.

    [​IMG]
     
  9. Savok32

    Savok32

    Регистрация:
    18 дек 2012
    Сообщения:
    333
    Симпатии:
    51
    Народ такая проблема всплыла, в верхнем меню. Везде отображается норм, кроме как через сам монитор. Меню смещено влево, как сделать его по середине, чтобы когда смотрели через телефон или планшет, оно не смещалось на центр, а была по правой стороне, как щас.