Logo overlay my slider wordpress

Question

Iam работает над темой wordpress, и я хочу сделать свой логотип наложенным над моим слайдером.

Я пробовал пару путей с помощью css. Но кажется, что он становится больше на меньших экранах. Должен ли я использовать медиа-запросы и сделать их видимыми на меньших экранах?

Мой код CSS для логотипа.

@media screen and (max-width: 767px) { 
    .logo img { 
     display: none !important; 
    } 
} 

.header_mid_inner .logo img { 
    max-height: none !important; 
    max-width: none !important; 
    left: 50px !important; 
    top: 100px !important; 
    width: 135px !important; 
    height: 150px !important; 
    border: 1px solid white !important; 
} 

Answer 1

Если я правильно понял, вы хотите, чтобы логотип реагировал на верх баннера. Для этого вам нужно использовать значения%, а не пиксели по высоте и ширине. Также позиционирование должно быть в%, чтобы оно пересканировало со страницей.