Как убрать отступ справа у всего сайта

[BingoS]

Добрый день! Есть сайт магазина Для просмотра ссылки Войди или Зарегистрируйся

Если заходить с ПК то по верстке все ок. Если зайти с телефона или планшета, то справа появляется отступ. Как его убрать ?

 

[ZOLK]

Странная верстка, зачем в css 2 разных #wrapper, дело похоже в нем.

#wrapper {
    width: 100%;
    min-width: 977px;
    max-width: 100%; - Зачем вот это?
    min-height: 100%; - И вот это?
    height: auto !important; - При том что тут это
    height: 100%; - и еще это )
}

#wrapper {
    padding-bottom: 140px;
    background-image: url("../image/raund.jpg");
    background-position: center center;
    min-width: 977px;
    }

Я бы оба стер и написал:

#wrapper {
    width: 100%;
    min-width: 977px;
    margin: auto;
    padding-bottom: 140px;
    background-image: url("../image/raund.jpg");
    background-position: center center;
}

Но это все придирки а причина похоже вот в чем:
В body min-width: 1000px;
А в обех wrapper: 977px;

body {
    font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
    height: auto !important;
    min-height: 100%;
    min-width: 1000px; !!!!!!!!!
    position: relative;
}

И

#wrapper {
    width: 100%;
    min-width: 977px; !!!!!!!!!!!!!
    max-width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

и

#wrapper {
    padding-bottom: 140px;
    background-image: url("../image/raund.jpg");
    background-position: center center;
    min-width: 977px; !!!!!!!!!!!
}

 

[BingoS]

Спасибо большое с враппером это моя ошибка, а вот в боди прописал 977px, что-то не помогло

 

[yaski]

#slides {
    display: block;
    margin: 4% 0 0 10%;
    position: relative;
    width: 977px;
}

margin убери или поправь

 

[BingoS]

margin убери или поправь

Спасибо, реально оно! Теперь ломаю голову. как слайдер выровнять, походу криво я его сверстал.

 

[yaski]

#column-right {
    margin: auto;
    padding-left: 200px;
    width: 977px;
}

Отступ слева добавь

 

[BingoS]

Отступ слева добавь

не это точно не подходит, проверил, отступ еще больше становится, надо как-то по другому

 

[dukeeee]

#slides { display: block; margin: 4% 0 0 10%; position: relative; width: 977px;

 

[Solus_Rex]

не это точно не подходит, проверил, отступ еще больше становится, надо как-то по другому

А что Вас не устроило в варианте, с:

#slides { display: block; margin: 4% 0 0 10%......

?
При margin: 2% 0 0 10% всё встаёт на свои места в разных мобильных браузерах.
Только в:

#slides .slidesNext {
  background: url("../image/navigation-next.png") no-repeat scroll 0px 0px transparent;
  left: 82%;
}

Скроллер ➩ лучше подвинуть ещё вправо, а то он частично закрывается при смене слайда.
left: 84%; - в самый раз.

 

[yaski]

в body добавь background-color: #FFFFFF; на первое время сойдет