ctdp-wp-customs/ctdo-wp-responsive-custom-c...

75 lines
1.2 KiB
CSS

.site-description {
width: 180px;
text-align: left;
padding-left: 16px;
}
.site-title {
text-wrap: nowrap;
text-align: left;
}
@media only screen and (max-width: 991px) {
#secondary {
position: absolute;
width: 100% !important;
display: flex;
flex-direction: column;
left: 0;
}
#secondary div.widget-wrapper {
position: relative;
display: block !important;
max-width: 512px !important;
width: 100% !important;
border: 1px solid #EAEAEA;
margin: auto !important;
}
#primary {
margin-top: 850px;
width: 100% !important;
}
}
@media only screen and (max-width: 575px) {
.site-description {
padding-left: 0;
}
.custom-logo {
margin: auto;
}
.site-title-tagline {
display: inline-block;
width: auto;
margin: auto;
}
.main-navigation-wrapper .menu-toggle {
width: 100% !important;
background-color: rgb(0, 102, 204) !important;
}
.main-navigation-wrapper .menu-toggle i {
width: 100%;
}
.main-navigation-wrapper #header-menu li {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.main-navigation-wrapper #header-menu li a {
display: inline-block;
width: 80%;
}
.main-navigation-wrapper #header-menu li span{
width: 20%;
}
}