-
AuthorPosts
-
April 3, 2018 at 1:36 am #936249
I am using a logo that is 1200×200 I would like the header to be 100% the width of the logo space so no white padding. What am I missing?
@media only screen and (min-width: 1200px) {
.html_header_top.html_logo_center .logo{left: 0!important;
-webkit-transform:none!important;
-ms-transform: none!important;
transform: none!important;}
}
@media only screen and (max-width: 1200px) and (min-width: 996px) {
.html_header_top.html_logo_center .logo{left: 0%!important;
-webkit-transform:none!important;
-ms-transform: none!important;
transform: none!important;}
.logo img{
width:800px!important;
}
}@media only screen and (max-width: 996px) and (min-width: 767px) {
.html_header_top.html_logo_center .logo{left: 0%!important;
-webkit-transform:none!important;
-ms-transform: none!important;
transform: none!important;}
.logo img{
width:620px!important;
}
}#top label span, #top legend span {
font-weight: normal;
font-size: 14px;
color: #ffffff;
}.template-blog .small-preview {display:none !important;}
.slide-meta-comments, .slide-meta-del {
display:none !important;
}.slide-meta-time, .slide-meta-del {
display:none !important;
}April 3, 2018 at 10:11 am #936422Hey AlpineWeb,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 990px) { .responsive .container.av-logo-container { width: 100%; max-width: 100%; padding: 0; right: 0; } .html_header_top.html_logo_center .logo, .html_header_top.html_logo_center .logo a { overflow: visible; width: 100%; max-width: 100%; } .html_header_top.html_logo_center .logo img { margin-right: -2em; width: 90vw; max-width: 111%; } }
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.