Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #451195

    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}

    #451529

    I figured it out.
    Inside the Enfold Child General Layout the setting should be Stretched Layout.
    Please close thread.
    Thanks!

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Full Width Header, Advanced Layerslider and Footer Not Working’ is closed to new replies.