0
0

file:///C:/Users/%D0%9C%D0%B8%D1%85%D0%B0%D0%B8%D0%BB/Desktop/kinomonster/index.htmlПолучилось адаптировать все страницы сайта для мобильного телефона,но почему то на главной странице пропадают кнопки для переключения между вкладками - Фильмы,Рейтинг,Контакты и т.д
Это единственная проблема, всё остальное в том числе адаптация других страниц для мобильного успешна.

@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
	.header {
		background-color: #257965;
		min-width: 100%;
		height: 20%;
		text-align: center;		
	}

	.logo {
		width: 100%;
	}

	.site_content {
		width: 100%;
	}

	.menu_bar {
		width: 100%;
		height: 100%;
	}

	.content {
		width: 100%;
		text-align: center;
	}

	.site_content {
		width: 100%;
		text-align: center;
	}

	.sidebar_container {
		display: none;
	}

	.footer {
		display: none;
	}

	ul.menu {
		float: none;
	}

	ul.menu li {
		margin: 0;
		padding: 0;
		float: none;
	}

	.logo h1 {
		font: normal 235% 'century gothic', arial, sans-serif;
	}

	.logo h2 {
		font: normal 100% 'century gothic', arial, sans-serif;
		color: white;
	}

	.content h1,h2 {
		font: normal 110% 'century gothic', arial;
	}

	.films_block img {
		width: 43%;
	}

	.posts_content p {
		line-height: 1.5em;
		padding: 3%;
		text-align: left;
	}

	.posts p {
		font-size: 120%;
	}

	/*films page*/
	.info_film{
		float: none;
		height: 100%;	
	}

	.info_film img {
		width: 90%;
		margin-bottom: 5%;
	}

	.button {
		float: none;
	}

}

/* rating page*/
table{
	display:block;
}

th {
	font-size:75;
}

td {
	padding: 0;
	margin: 0;
	font-size: 95%;
	text-align: left;
}

/*show page*/
iframe {
	width: 88%;
	height: 100%;
}

.descriptions_film {
	width: 90%;
	text-align: left;
	margin-left: 2%;
}

.descriptions_film img {
	float: none;
	width: 73;
	display: block;
	margin: 0;
	padding: 0;
	margin-left: 11%;
	margin-bottom: 7%;
}

.reviews {
	text-align: left;
	width: 96%;
}

.send input[type="text"] {
	width: 80%;
}

.send textarea {
	width: 85%;
}


Михаил Лисица
2 years ago






а класс  .menu_bar - верно написан? может в этом проблема (нужно .menubar)

Роман
2 years ago

Да,спасибо)

Михаил Лисица
2 years ago

2 ответов