Poradnik Standardowy Twenty Fifteen przerobiony na pełny ekran (jest kod CSS!)

Witajcie,

jak wiadomo (lub nie) Szukałem motywu, podobnego do AVADA LIFESTYLE. Niestety żaden nie spełniał moich oczekiwań więc postanowiłem zmodyfikować standardowy motyw, który dostajemy podczas instalacji wordpressa - Twenty Fifteen.

Tak wygląda standardowy Twenty Fifteen.

___________
Tak wygląda zmodyfikowany Twenty Fifteen.

Nie jest idealny ale jeszcze kilka dodatkowych modyfikacji i będzie spełniał moje wymogi 

___________

Podoba się?

Poniżej gotowy kod jak uzyskać ten efekt.

@media screen and (min-width: 59.6875em) {
body:before {
    background-color: #fff;
    content " ";
    display: block;
    height: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 23.4118%;
    z-index: 0;
}

.site {
    margin: 0 auto;
    max-width: 1650px;
}

.sidebar {
    float: left;
    margin-right: -100%;
    max-width: 313px;
    position: relative;
    width: 23.4118%;
    background-color: transparent;
}

.secondary {
    background-color: transparent;
    box-shadow: none;
    display: block;
    margin: 0;
    padding: 0;
}

.site-main {
    padding: 1.75% 0;
    background-color: transparent;
}

.site-content {
    display: block;
    float: left;
    margin-left: 13%;
    width: 87%;
    background-color: transparent;
}

body {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    background-color: transparent;
}
}

Pozdrawiam

w 4tej linijce zabrakło dwukropka

2x definiujesz kolor tła dla

body:before

Po

@media screen and (min-width: 59.6875em)

nie powinno być klamerki?

@llukasz, masz rację  Dzięki za czujność! Już poprawiłem wszystko

Brak ostatniej klamerki, która zamyka @media powodował, że strona nie wyświetlała się prawidłowo - nie była responsywna na tyle ile miała być.

dobra robota! przyda sie - thx 

13 godzin temu, Harry napisał:

Drobiazg. Jeszcze po content w 4tej linijce brakuje dwukropka.