Здравствуйте.
1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.form-search {
position: relative;
z-index: 1000;
padding: 0;
float: left;
margin-right: 20px;
background: #fff;
border: 1px solid #e5e5e5;
width: 300px;
}
замените на:
.form-search {
position: relative;
z-index: 1000;
padding: 0;
float: left;
margin-right: 20px;
background: #fff;
border: 1px solid #e5e5e5;
width: 300px;
margin-top: 8px;
}
2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.top-menu ul {top: 100%;right: 0;z-index: 9;list-style: none;padding: 0px;margin: 0;min-width: 140px;}
.top-menu ul li a {padding: 5px 7px;display: block;text-transform: uppercase;font-weight: 700;font-size: 12px;color: #696969;text-align: left;min-width: 145px;line-height: 1;}
замените на:
.top-menu ul {top: 100%;right: 0;z-index: 9;list-style: none;padding: 0px;margin-top: 15px;min-width: 140px;}
.top-menu ul li {display: inline-block;}
.top-menu ul li a {padding: 5px 7px;display: block;text-transform: uppercase;font-weight: 700;font-size: 12px;color: #696969;text-align: left;line-height: 1;}
3. В шаблоне main.css найдите:
#logo {
float: left;
margin-top: 20px;
}
замените на:
#logo {
width: 80%;
margin: 20px auto 0;
}
4. В main.css - найдите:
.block-cart {
float: right;
line-height: 65px;
}
замените на:
.block-cart {
float: right;
padding: 16px;
background: #020508;
}
.block-cart a {
color: #fff;
}
Результат должен быть следующий:
По мобильной версии, в main.css найдите:
#logo {
float: none;
margin: 20px 0;
text-align: center;
}
замените на:
#logo {
float: none;
margin: 20px auto 20px;
text-align: center;
}
#header .phone {
display: block;
width: 100%;
text-align: center;
}
.top-menu {
width: 100%;
text-align: center;
}
далее найдите:
#custommenu {
display: none;
}
замените на:
.block-cart {
float: none;
margin-top: 5px;
}
.menunav {
display: none;
}
0
