@Makaroff_93
Начинающий прогер

Как найти нужный код плавающего хедера?

Имею тему tidymag на сайте wordpress. Там плавающий хедер липнет только на главной странице. На остальных страницах хедер не липнет. Как сделать, чтобы плавающий хедер был на всех страницах?

Вот куски css, отвечающие за хедер и менюшку:
/* Header
-------------------------------------------------------------- */
.tidymag-header-outer-container{background:#ffffff;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;}
#tidymag-header{clear:both;margin:0 auto;padding:0;border-bottom:none !important;position:relative;z-index:1;}
#tidymag-head-content{margin:0 auto;padding:15px 0;position:relative;min-height:90px;z-index:98;overflow:hidden;}
.tidymag-header-image{margin:0 0 10px 0;}
.tidymag-header-img-link{display:block;}
.tidymag-header-img{display:block;margin:0 auto;}
.tidymag-header-inside{overflow:hidden;}
#tidymag-logo{margin:5px 0px 5px 0px;float:left;width:41%;}
.tidymag-logo-image-link{display:block;}
.tidymag-logo-img{display:block;padding:0;margin:0;}
.tidymag-site-title{font:normal bold 24px 'Playfair Display',Arial,Helvetica,sans-serif;margin:0 0 15px 0 !important;line-height:1 !important;color:#333333;}
.tidymag-site-title a{color:#333333;text-decoration:none;}
.tidymag-site-description{font:normal normal 13px Domine,Arial,Helvetica,sans-serif;line-height:1 !important;color:#333333;}
#tidymag-header-banner{float:right;width:58%;}
#tidymag-header-banner .widget{margin:0 0 10px 0;}
#tidymag-header-banner .widget:last-child{margin:0 0 0 0;}
#tidymag-header-banner img{display:block;}
.tidymag-header-full-width #tidymag-logo{margin:5px 0px 10px 0px;float:none;width:100%;text-align:center;}
.tidymag-header-full-width .tidymag-logo-img{display:block;padding:0;margin:0 auto;}
.tidymag-header-full-width #tidymag-header-banner{float:none;width:100%;text-align:center;}
.tidymag-header-full-width #tidymag-header-banner img{margin:0 auto;}
@media only screen and (max-width: 1076px) {
#tidymag-logo{margin:5px 0px 10px 0px;float:none;width:100%;text-align:center;}
.tidymag-logo-img{display:block;padding:0;margin:0 auto;}
#tidymag-header-banner{float:none;width:100%;text-align:center;}
#tidymag-header-banner img{margin:0 auto;}
}

/* Menu
-------------------------------------------------------------- */
.tidymag-menu-outer-container.tidymag-fixed{position:fixed;width:100%;top:0;left:0;z-index:400;}
body.admin-bar .tidymag-menu-outer-container.tidymag-fixed{top:32px;}
@media screen and (max-width: 782px){body.admin-bar .tidymag-menu-outer-container.tidymag-fixed{top:46px;}}
@media screen and (max-width: 600px){body.admin-bar .tidymag-menu-outer-container.tidymag-fixed{top:0;}}
.tidymag-menu-outer-container{background:#333333;border:1px solid #555555;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;}
.tidymag-menu-outer-container .tidymag-container{position:relative;}
.tidymag-nav-primary:before{content:" ";display:table}
.tidymag-nav-primary:after{clear:both;content:" ";display:table}
.tidymag-nav-primary{float:none;}
.tidymag-nav-menu{line-height:1;margin:0;padding:0;width:100%;list-style:none;list-style-type:none;}
.tidymag-nav-menu li{border-width:0;display:inline-block;margin:0;padding-bottom:0;text-align:left;float:left;}
.tidymag-nav-menu a{border:none;color:#ffffff;display:block;padding:15px;position:relative}
.tidymag-nav-menu a:hover,.tidymag-nav-menu .current-menu-item > a,.tidymag-nav-menu .current_page_item > a{text-decoration:none}
.tidymag-nav-menu .sub-menu,.tidymag-nav-menu .children{margin:0;padding:0;left:-9999px;opacity:0;position:absolute;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;width:200px;z-index:99;}
.tidymag-nav-menu .sub-menu a,.tidymag-nav-menu .children a{border:1px solid #555555;border-top:none;letter-spacing:0;padding:16px 20px;position:relative;width:200px}
.tidymag-nav-menu .sub-menu li:first-child a,.tidymag-nav-menu .children li:first-child a{border-top:1px solid #555555;}
.tidymag-nav-menu .sub-menu .sub-menu,.tidymag-nav-menu .children .children{margin:-47px 0 0 189px}
.tidymag-nav-menu li:hover{position:static}
.tidymag-nav-menu li:hover > .sub-menu,.tidymag-nav-menu li:hover > .children{left:auto;opacity:1}
.tidymag-nav-menu a{font:normal normal 13px Oswald,Arial,Helvetica,sans-serif;line-height:1;}
.tidymag-nav-menu > li > a{text-transform:uppercase;}
.tidymag-nav-menu a:hover,.tidymag-nav-menu .current-menu-item > a,.tidymag-nav-menu .sub-menu .current-menu-item > a:hover,.tidymag-nav-menu .current_page_item > a,.tidymag-nav-menu .children .current_page_item > a:hover{background:#000000;color:#ffffff;}
.tidymag-nav-menu .sub-menu,.tidymag-nav-menu .children{background:#444444;}
.tidymag-nav-menu .sub-menu a,.tidymag-nav-menu .children a{padding:16px 20px}
.tidymag-nav-menu .sub-menu .current-menu-item > a,.tidymag-nav-menu .children .current_page_item > a{color:#ffffff;}
.tidymag-responsive-menu-icon{cursor:pointer;display:none;margin-top:6px;margin-bottom:4px;margin-left:5px;text-align:left;}
.tidymag-responsive-menu-icon::before{color:#ffffff;content:"\f0c9";font:normal 24px/1 FontAwesome;margin:0 auto;}
.tidymag-nav-menu > li > a{border-right:1px solid #555555;}
.tidymag-nav-menu > li:first-child > a {border-left: 0px solid #555555;}
  • Вопрос задан
  • 70 просмотров
Пригласить эксперта
Ответы на вопрос 2
KornevaViktoria
@KornevaViktoria
Frontend Developer
1) Какие стили влияют на фиксацию хедера? тык либо тык

2) Скорее всего добавляется какой-то класс с помощью js, на который и навешиваются эти стили (если хедер начинает прилипать при скролле). Если хедер всегда прилипает, то ищи в нужном шаблоне те самые свойства css из п.1
Ответ написан
@Makaroff_93 Автор вопроса
Начинающий прогер
Оказалось, что такой js уже есть на страницах, но не работает...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы