The Header, Footer and Advanced Layerslider won’t span the full width of the screen on a desktop widescreen monitor.
The Header Custom Height is 194px to fit the height of the Custom Background Image
Can you please help?
Thank you!
The existing Quick CSS is:
div#header_main_alternate > .container {
height: 45px !important;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 4px;
font-size: 11px!important;
}}
@media only screen and (max-width: 768px) {
.phone-info {margin:0 !important}
}
#mobile-advanced li > a:before {
top:3px}
#mobile-advanced a {padding:3px 28px !important}
#top #mobile-advanced .visible_sublist {margin:0 0 0 20px}
.avia_mobile .avia-icon-pos-left {margin:-0.6em .5em 0 0}
I figured it out.
Inside the Enfold Child General Layout the setting should be Stretched Layout.
Please close thread.
Thanks!