Псевдоэлемент :: перед тем, как вызвать горизонтальную полосу прокрутки

Question

У меня проблема, связанная с горизонтальной полосой прокрутки. У меня есть моя настройка дизайна с правильной настройкой и позиционированием, но я просто хочу, чтобы переполнение элемента :: before элемента элемента изображения скрывалось.

вы можете увидеть, что я имею в виду здесь: http://192.99.37.125/~uptownlounge/

Я попытался добавить Переполнение-х: скрытый; к элементу body, но он перепутался на мобильном устройстве. любые другие идеи?

Answer 1

Пожалуйста, используйте width:100%; для мобильного устройства с этим селектором: #dots-dark::before{}

Тогда overflow проблема будет решена.

#dots-dark::before { 
    background-color: transparent; 
    background-image: url("https://s3.amazonaws.com/webdiner/dots-red-top-arrow.png"); 
    background-position: top center; 
    background-repeat: no-repeat; 
    background-size: auto; 
    position: absolute; 
    content: " "; 
    height: 131px; 
    display: inline; 
    width: 100%; 
    left: 127%; 
    top: -131px; 
    margin-left: -804px; 
}