Смена логотипа в мобильной версии
16 октября 2017 в 18:52
Здравствуйте, подскажите пожалуйста (собственно заголовок :D), как сделать так, чтобы менялся логотип в зависимости от мобильной версии или размера экрана (лучше от размера экрана, т.к на планшете еще подходит старый логотип, а на телефоне нужен уже другой). Нужно чтобы именно другое изображение вставлялось.
Спасибо 
- Блог
- Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Комментарии
CSS media запросы
А как там чтоб логотип поменять на другую картинку?
background: url('/path/to/logo') no-repeat;
}
ну в таком случае у меня новая картинка идет фоном под старой... не, ну я сделал как то так
#logo {background: url('/path/to/logo') no-repeat;}
Это нормально или есть более элегантные решения
Здравствуйте,
Настоятельно рекомендую ознакомиться с CSS.
Да самый простой способ описан выше это с помощью css, так же можно выводить и мобильную и десктопную версии, и показывать при необходимых условиям, и куча куча вариантов
Не, ну я знаю что в ксске можно медиа запросами делать, я прост не втыкаю как ей одну картинку на другую заменить. Но вроде какую то фигню сделал, что картинку в блоке скрыл, а фоном сделал другую картинку (код выше), но мне кажется это немного странно)
Можете в шаблонах темы переопределить #logo убрав из него тэг img, тогда достаточно будет только background менять
Ага, есть не много, по-моему. Если вам не критично то можно и оставить.