Логотипы перекрываются, когда размер окна меньше или на мобильном телефоне / планшете?

Question

Я отвечаю за сайт нашей компании и сейчас немного озадачен.

URL сайта:

https://nutiva.com/

Если вы измените размер окна, вы заметите, что при изменении ширины экрана или при просмотре на планшете / мобильном устройстве два логотипа накладываются друг на друга.

Я хочу сохранить логотип с надписью «Nuture Vitality» и удалить другой.

Любые идеи / рекомендации приветствуются?

Answer 1

Этот медиа-запрос отображает изображение, которое вы хотите удалить.

Просто дайте background:none;, и оно скроет ваше изображение.

@media only screen and (max-width: 1024px)
 #title-area{
    background:none;
}