У меня есть тестовый сайт http://triand.epizy.com/, использующий тему WordPress Sydney, которую можно найти здесь https://athemes.com/theme/sydney/#
Я хотел бы продублировать внешний вид верхнего и нижнего колонтитула моего тестового сайта, упомянутого выше. Сайт, на котором я хотел бы разместить верхний и нижний колонтитулы - https://videos.triand.epizy.com/?i=1
Хотя я получил некоторые элементы CSS, которые я покажу ниже. Меня беспокоит отзывчивый дизайн сайта. Я не хочу модифицировать верхний и нижний колонтитулы и нарушать внешний вид при просмотре на мобильном телефоне.
Есть ли способ скопировать CSS для верхнего и нижнего колонтитула для моего тестового сайта? Может быть, какой-нибудь плагин ???
Вот код, который я получил до сих пор. Который, кажется, иногда ломается.
header#header, .header-background {
background-color: rgba(0,0,0,0.7) !important;
}
header#header nav#desktop ul li a, header#header nav#desktop ul li .menuArrow {
color: #FFFFFF;
}
body {
color: #FFFFFF;
}
.site-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background-color: transparent;
padding: 20px 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.container {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
header#header #logo {
padding: 0;
margin: 6px 5px;
clear: both;
font-family: 'Open Sans', sans-serif;
overflow: hidden;
max-height: 50px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
header#header #logo a img {
margin: 0;
max-height: 60px;
vertical-align: middle;
}