Reply To: Inspect CSS

Written by on

› › › › ›

#22996
Daniel Tara
Keymaster

In order to preserve the footer background color across all devices you need to take the following rulesets out of any media query:

.design-full-screen .sidebar-header-secondary, .design-full-screen .sidebar-footer {
    background-color: #e9f7e8;
}

.site-footer {
    background-color: #002B1D;
    text-align: center;
    padding-bottom: inherit;
}

Currently they reside inside a @media (min-width: 992px) media query.

Additionally you may also want to add the following ruleset to keep proportions consistent:

.site-footer .copyright {
    border-top: 1px solid #969696;
    padding-top: 10px;
}

.home .content-sidebar-wrapper {
    display: none;
}

I couldn’t notice any other inconsistencies with the margins between the blocks on the main page.