Введите часть искомого слова, названия или фразы...
↑ ↓
  1. Новые темы озаглавленные с маленькой буквы - удаляются без предупреждения!
  2. Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Решено Не маштабируется лого на мобильном

Тема в разделе "Вопросы новичков", создана пользователем alex22380, 7 сен 2016.

  1. alex22380

    alex22380

    Сообщения:
    5
    Симпатии:
    0
    Баллы:
    1
    Всем привет! как сделать так, чтобы на экране мобильного логотип влезал на экран полностью?
    сайт
    надо было увеличить логотип и на просторах нашел следующий css код и вставил его в дочернюю тему:
    @media screen and (min-width: 768px) {
    .site-branding{
    text-align: center;
    margin-top: 1.618em;
    margin-right: 420.359px;
    margin-bottom: 2.618em;
    margin-left: 285.359px;
    float: none !important;
    }
    }

    .site-header .site-branding img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
    height: auto;
    max-height: none;
    max-width: none;
    width: 500px !important;
    }
    mobview.png
     
  2. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    В style.css вставьте код
    HTML:
    @media (max-width: 767px) {   
    .site-header .site-branding  .custom-logo { width:100% !important;}
    }
     
    • Нравится Нравится x 1
  3. alex22380

    alex22380

    Сообщения:
    5
    Симпатии:
    0
    Баллы:
    1
    Спасибо! помогло