В мобильной версии сайт не растягивается полностью, оставляя белую полосу сбоку, в чем проблема?

Question

[noralesma]

В мобильной версии сайта от чего то появляется белый отступ.
Верстала на бустрапе.
Проверила уже весь код на ошибки - причину найти не смогла.
Причем в мазиле все отображается нормально.
А вот в опере в мобильной адаптации вот такой калапс.

Comments

[Rustam Bainazarov]

Исправил вашу проблему:

[posters]

Рустам Байназаров, а ведь неплохо получилось
noralesma, как вам?

[Brad9aga]

posters, четко, мне нравится

[noralesma]

posters, ну, это не очень смешно. Тот кто хорошо верстает на бустрапе скорее всего знает в чем может быть проблема..

[WapSter]

noralesma, нет не знает, сарказм от людей сверху от того, что вы не дали ссылку на сайт, а угадывать там 100500 решений вашей проблемы.

[posters]

noralesma, не очень, но все таки смешно, вы признались!) У нас из материала для работы только скриншот ваш был, вот его и исправили. Загрузите код на JSFiddle или CodePene, чтобы было с чем работать и вам помогут.

[noralesma]

posters, super-cleaning24.ru ссылка на сайт...
В данном случае даже не понимаю какой код загружать и что может отвечать за это.

[Rustam Bainazarov]

noralesma, это очень смешно, потому что подобные вопросы со скриншотами без кода уже умаяли на данном ресурсе.

Кто же может вам помочь без кода? Вариантов проблем может быть миллион.

[Brad9aga]

posters, сторонникам препроцессора бутстрап ни к чему,так что тут все верно и гадать нет смысла

[Rustam Bainazarov]

Brad9aga, Bootstrap может быть встроен в препроцессор и использоваться в качестве миксинов, LOL.

[noralesma]

Рустам Байназаров, это бустрап...вы можете представить сколько я тогда скину сюда кода, который там овтечает именно за этот пункт?...

.navbar {
	font-size: 14px;
	padding-top: 4px;

	color: #FBFBFB;

}

.header {
	color: #FBFBFB;
}


.header {
	background: url(../img/fon.jpg) no-repeat center top;	
	background-attachment: relative;
	background-position: center center;
	min-height: 700px;
	width: 100%;

	background-size: 100%;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.headerrr {
	background: url(../img/fon.jpg) no-repeat center top;	
	width: 100%;
	height: 100%;

}


#headerwarp {
	
	margin-top: -150px;
	padding-top: 20px;
	text-align: center;
	color: #FBFBFB;

}

	
			@media screen and (max-width: 1207px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

.nav ul{
    list-style: none;
    position: relative;
    float: right;
    margin-right: 100px;
    display: inline-table;
  }
    .nav ul li{
      float: left;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
    }

    .nav ul li:hover{background: rgba(94, 189, 231, 1);}
    .nav ul li:hover > ul{display: block;}
    .nav ul li{
      float: left;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      
    }
      .nav ul li a{
        display: block; 
        padding: 10px 20px;
        color: #fff; 
        font-size: .9em;
        letter-spacing: 1px;
        text-decoration: none;
        text-transform: uppercase;
        
      }
      .nav ul ul{
        display: none;
        background: #fff;
        position: absolute; 
        top: 100%;
        box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1);
        border: 1px solid rgba(0,0,0,.1);
      }
        .nav ul ul li{float: none; position: relative;}
          .nav ul ul li a {
            padding: 15px 30px; 
            border-bottom: 1px solid rgba(0,0,0,.05);
          }
          .nav ul ul ul {
            position: relative; 
            left: 100%; 
            top:0;
          }

В моем личном css - это все, что может отвечать за эту шапку.

И в файле html

<div class="header">
   <!-- Меню -->
    <div class="navbar navbar-inverse navbar-fixed-top" ">
    	<div class="container">
    		<div class="navbar-header">
    			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    				<span class="icon-bar"></span>
    				<span class="icon-bar"></span>
    				<span class="icon-bar"></span>
    			</button>
    			
    			<a class="navbar-brand" href="index.php" style="text-shadow: 1px 1px 1px #5EBDE7;"><img src="img/logo.svg" alt="Twitter" style="width: 20px; height: 20px; ">super-cleaning</a>
    			<div class="vspis" style="display: inline-block; margin-left: 15px; ">
    			<ul class="nav navbar-nav " ><li class="dropdown" ><a class="dropdown-toggle" href="#"><i class="glyphicon glyphicon-map-marker" aria-hidden="true" style="margin-right: 5px; color: #5EBDE7;"></i>Москва</a>
    				<ul class="dropdown-menu gorod">
    				
    			<?php
			$stmt = $pdo->prepare('SELECT * FROM `cities` WHERE `id` ORDER BY city_num ASC');
			$stmt->execute();
			while ($row = $stmt->fetch(PDO::FETCH_LAZY))
			{
				echo " 	
    				
			                <li><a  href="."http://".$row['city_short'].".".site_domain."".">".$row['city_full']."</a></li>";
			}
	?>
			                
			                
			                
			            </ul>
    				
    				</li></ul></div>
    				
	
    				
    			
    		</div>
    		<div class="navbar-collapse collapse text-center">
    		<div class="vspis" style="display: inline-block; margin-left: -30px; ">
    		    
    			<ul class="nav navbar-nav ">
    			
    			<li><a href="index.php">Главная</a></li>
    				<li class="dropdown" ><a class="dropdown-toggle" href="#">Клининг</a>
    				<ul class="dropdown-menu">
			                <li><a  href="genuborka.php">Генеральная уборка</a></li>
			                <li><a href="remontuborka.php">Уборка после ремонта</a></li>
			                <li><a href="podderzuborka.php">Поддерживаюшая уборка</a></li>
			                <li><a href="moykaokon.php">Мойка окон</a></li>
			                <li><a href="khimchsitka.php">Химчистка</a></li>
			                <li><a href="uborkachp.php">Уборка после ЧП</a></li>
			                <li><a href="cleaneram.php">Вакансии</a></li>
			            </ul>
    				
    				</li>
    				<li><a href="#table">Цены</a></li>
    				<li><a href="#text-1col">Калькулятор</a></li>
    				<li><a href="#items-3col">Акции</a></li>
    				<li><a href="yurlitsam.php">Юридическим лицам</a></li>
    			</ul></div>    		
    			<ul class="nav navbar-nav navbar-right">
    				<li><p class="nn" style="padding: 10px;">
    				
    				
<?php	

$link = mysqli_connect($db_host, $db_user, $db_password, $db_database) 
    or die("Ошибка " . mysqli_error($link)); 
     
$query ="SELECT * FROM telefon ORDER BY id DESC";
 
$result = mysqli_query($link, $query) or die("Ошибка " . mysqli_error($link)); 


if (mysqli_num_rows($result) > 0)
{
 $row = mysqli_fetch_array($result); 
 
 do
 {
	
						 echo '			
    				
    				<a href="tel:'.$row["ssilka"].'">'.$row["telefon"].'</a></p></li>
    				
  								';
}
    while ($row = mysqli_fetch_array($result));
}							
							
 ?> 	  				
    				
    				
    				

    			</ul>
    		</div>
    	</div>
    </div>
    
    <!-- Главный экран -->
    
    <div id="headerwarp" style="padding-top: 100px; padding-bottom: 70px;">
    
    	<div class="container">
    		<div class="row contered">
    			<div class="col-lg-12 col-lg-ofsset-2 prodtext">
    			
    			
    			
    			
    				<h1>УБОРКА ВСЕХ  ТИПОВ ПОМЕЩЕНИЙ</h1>
    				
    				
<?php	

$link = mysqli_connect($db_host, $db_user, $db_password, $db_database) 
    or die("Ошибка " . mysqli_error($link)); 
     
$query ="SELECT * FROM whatsapp ORDER BY id DESC";
 
$result = mysqli_query($link, $query) or die("Ошибка " . mysqli_error($link)); 


if (mysqli_num_rows($result) > 0)
{
 $row = mysqli_fetch_array($result); 
 
 do
 {
	
						 echo '									
							
					<a style="color: #333333;" href="'.$row["whatsapp"].'"><img src="img/wats.png" style="width: 18px; height: 18px; margin-right: 5px;">'.$row["nomer"].'</a>
							
							';
}
    while ($row = mysqli_fetch_array($result));
}							
							
 ?> 
    				
    				
    				
    				
    				
    				<h2>Индивидуальный подход к каждому клиенту <br> с учетом медицинских показаний</h2>
    			</div>
    			<div class="wkont">
    			<form action="contact.php" method="post">
<input class="wformss" type="phone" name="phone" placeholder="Введите Ваш номер телефона">
  <button class="wknopkaa" name="submit" type="submit" >ПОЛУЧИТЬ КОНСУЛЬТАЦИЮ<i class="fa fa-angle-right"></i></button>
    </form>
    
    
    </div>
    
    <p style="margin-top: 40px;">Перезвоним Вам в течение 5 минут.</p>
    <p class="melshrift">*Мы гарантируем Вашу конфиденциальность.</p>
    		</div>
    	</div>
    </div></div>

Именно только изза этого я не стала давать сразу код, спрося в общем, где может быть проблема.
Ссылка на сайт super-cleaning24.ru

[Rustam Bainazarov]

noralesma, ура, ссылки на сайт было бы достаточно изначально. Это и есть «прислать код».

[noralesma]

Рустам Байназаров, ааа... ну извините пожалуйста за суматоху, у меня в этот раз слишком много проблем с этим сайтом..... Толи я резко деградировала, то ли не везет... Спасибо вам!

[WapSter]

noralesma,

.form-right-decoration {
    top: 60px;
    right: -30px;
}

Я не использую bootstrap, но что то у меня сомнения, что код выше (спасибо за найденыша Xdevelx ) хоть как-то относится к bootstrap.

.decor {
    position: relative;
    max-width: 400px;
    margin: 50px auto 0;
    background: white;
    border-radius: 30px;
    overflow: hidden;
}

- решение, и это опять же одно из множества решений.

[noralesma]

Тимур Турсунбаев, не подскажите, а к какому элементу надо дать класс decor? К меню?

[WapSter]

noralesma, вам не дать к элементу нужно, а исправить существующий у вас он находится в main.css:1306 строка. Если верить DevTools

[noralesma]

Тимур Турсунбаев, огромное Вам спасибо!! Проблема решена!