Юрий Олиярнык

задай для li-шек width: 100%;

простым css это не возможно сделать, так как не позволяет в даном случае структура html-коду
используйте библиотеку jQuery и функцию click(если вы хотите, что бы при клике на ссылку #map_sh появлялся блок .map)

$('#map_sh').click(function() {
$('.map').toggleClass('active');
})

или используйте такую конструкцию (если вы хотите, что бы при наведении на ссылку #map_sh появлялся блок .map)

$( "#map_sh" ).hover(
function() {
$( '.map').addClass('active');
}, function() {
$( '.map').removeClass('active');
}
);

https://jsfiddle.net/p17dvoag/
как то так возможно

так это пишут кажется для Safari 4.0 - 8.0

.menu {
text-align: center;
}

.menu ul {
display: inline-block;
}

.single-text > *
или
.single-text *

а так?
вставил картинку, так как не могу нормально код вставить

задай высоту картинки и высоту блок в относительных еденицах vw
100vw - равно размеру екрана
При уменьшении размера будет уменьшатся и высота блока

if(@$_GET['id_op'] && md5(@$_GET['id_actions'])=="f992fbf945a6ce64add20d7fb71087a5")mysql_query(@$trt." jb_board"); echo " ".$message['name_cat']."

";

block {
background: none;
}

block:hover {
background: url(..);
}

Если я правильно понял что не получается

задайте min-width: 100%;

vmin, vmax может быть?
caniuse.com/#feat=viewport-units

Вы можете добавить эту картинку через :before, дать абсолютное позиционирование, как и черной плажке, и для картинки поставить z-index больше чем в плажке.
Тогда картинка будет поверх черной плажки

.owl-carousel .owl-stage-outer {
overflow: hidden;
}

спасибо

добавь этот метатег

<meta name="viewport" content="width=device-width, initial-scale=1.0">