.menu-layer {
height: 40px;
width: 100%;
max-width: 1200px;
background: #575c62;
}
ul.menu li a{
display: block;
padding: 10px 0;
text-decoration: none;
font-weight: bold;
font-size: 16px;
color: white;
}
ul.menu {
display: flex;
padding: 0;
}
ul.menu li {
text-align: center;
flex: 1 0;
display: inline-block;
}
*{
margin: 0;
padding: 0;
/* и т.д. по необходимости */
}
..
<div class="menu-wrapper">
<ul class="menu">
<li><a class="homebutton-start" href="#">Вступление</a></li>
...
</ul> <!-- /.menu -->
<a href="#" class="toggle-menu"><i class="fa fa-bars"></i></a>
</div>
....
...
<div id="menu-container">
...
<div id="menu-start" class="services content">
<div class="row">
...
</div> <!-- /.row -->
</div> <!-- /.services -->
...
</div>
...
$(".menu a.homebutton-start").click(function(){
$(".menu").slideUp();
});
...
$(function () {
...
$(".menu .homebutton-start").trigger('click');
...
});
$(function(){
if ($(window).width() < 500){
// Подключаем стиль для мобильных
$("head").append($("<link rel='stylesheet' href='css/styleMob.css' type='text/css' media='screen' />"));
}
else{
// Подключаем стиль для остальных
$("head").append($("<link rel='stylesheet' href='css/style.css' type='text/css' media='screen' />"));
}
});
Помните, что header() обязана вызываться до отправки любого вывода
header("Location: www.example.com"); /* Redirect browser */
exit; /* Убедитесь, что последующий код не
выполняется, когда мы перенаправляем. */
Убедитесь, что перед первой строкой <?php и после последней ?> нет пустых строк.
Избегайте править файлы в Блокноте. Используйте «программистские» редакторы вроде PSpad, Notepad++ и им подобные, в которых метка BOM отключается. В Notepad++ для этого нужно выбрать в меню «Кодировки» пункт «Преобразовать в UTF-8 без BOM».