рисунок лого не кликабельный
учусь работать с модх
на примере paket.biz.ua/
ворзникла проблема
кликабельность на лого работает только с верхней части логотипа, а нижняя нет
не могу найти где поправить
в сss не нашел строку где его править
шаблон на рис
css
/* ==========================================================================
HEADER
========================================================================== */
.header-main {
background: #f0f2f4;
background: rgba(240, 242, 244, 0.8);
padding-top: 15px;
}
@media (max-width: 600px) {
.b-logo,
.b-addr {
float: none;
width: 100%;
text-align: center;
}
.b-logo {
width: 80%;
}
}
.b-addr {
margin-bottom: 0;
font-size: 18px;
}
@media (min-width: 700px) {
.b-addr {
text-align: left;
}
}
.b-addr p {
margin: 0;
}
@media (max-width: 767px) {
.b-headerButtons {
border-top: 1px solid #d0d0d0;
margin-top: 15px;
padding-top: 15px;
}
}
@media (max-width: 500px) {
.b-headerButtons {
text-align: center;
}
}
@media (min-width: 768px) {
.b-headerButtons {
text-align: right;
}
}
.b-addr{
margin-top: -5%;
}
.b-addr p{
padding-left: 35px;
}
.b-addr p.phone{
font-weight: 500;
background: url(../img/i-phone.png) left center no-repeat;
}
.b-addr p.email{
font-weight: 300;
background: url(../img/i-email.png) left center no-repeat;
}
.b-addr a{
color: #333;
text-decoration: none;
}
.b-headerButtons{
overflow: hidden;
.
8 строка очень большая чтобы выложить ее
дали ответ
.b-addr.col-md-3{
width: auto;
padding-left: 0;
margin-left: 75%;
}
но куда его
??
на примере paket.biz.ua/
ворзникла проблема
кликабельность на лого работает только с верхней части логотипа, а нижняя нет
не могу найти где поправить
в сss не нашел строку где его править
шаблон на рис
css
HEADER
========================================================================== */
.header-main {
background: #f0f2f4;
background: rgba(240, 242, 244, 0.8);
padding-top: 15px;
}
@media (max-width: 600px) {
.b-logo,
.b-addr {
float: none;
width: 100%;
text-align: center;
}
.b-logo {
width: 80%;
}
}
.b-addr {
margin-bottom: 0;
font-size: 18px;
}
@media (min-width: 700px) {
.b-addr {
text-align: left;
}
}
.b-addr p {
margin: 0;
}
@media (max-width: 767px) {
.b-headerButtons {
border-top: 1px solid #d0d0d0;
margin-top: 15px;
padding-top: 15px;
}
}
@media (max-width: 500px) {
.b-headerButtons {
text-align: center;
}
}
@media (min-width: 768px) {
.b-headerButtons {
text-align: right;
}
}
.b-addr{
margin-top: -5%;
}
.b-addr p{
padding-left: 35px;
}
.b-addr p.phone{
font-weight: 500;
background: url(../img/i-phone.png) left center no-repeat;
}
.b-addr p.email{
font-weight: 300;
background: url(../img/i-email.png) left center no-repeat;
}
.b-addr a{
color: #333;
text-decoration: none;
}
.b-headerButtons{
overflow: hidden;
.
8 строка очень большая чтобы выложить ее
дали ответ
.b-addr.col-md-3{
width: auto;
padding-left: 0;
margin-left: 75%;
}
но куда его
??
Комментарии: 2
modx тут вообще не при чем. Блок адреса ложится поверх твоего лого, что легко можно увидеть нажав одну кнопку в браузере.
Очевидно, что код CSS вставляется в файл стилей (в твоем случае style.css).
Очевидно, что код CSS вставляется в файл стилей (в твоем случае style.css).
Вообще тебе бы в идеале переверстать шапку. Но можно сделать так)))
<div class="b-logo col-xs-5 col-sm-5 col-md-4" style="z-index: 10">
<a href="/" title="ПЛАСТПАКЕТ"><img src="_include/include/images/logo.png" alt="ПЛАСТПАКЕТ"> </a>
</div>
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.