theme turns non response after creating a childtheme

Hi fohgnal,

I’m not an expert and I’ve just started using this theme, but I’ve created a child-theme and it is fully responsive. Make sure that you have this from the original css in your child css (I suggest you to paste and copy it right at the beginning of your new css, after the description that should end with something like @import url(“../responsive/style.css”); ):

/* =Responsive Design
Media Queries
If you’re working on a Child Theme, make sure that all
media queries are included in your style.css
————————————————————– */
@media screen and (max-width: 980px) {

body {
}

.grid,
.grid-right {
float: none;
}

.copyright,
.scroll-top,
.powered {
float: right;
}

.page-template-content-sidebar-page-php .col-60,
.page-template-content-sidebar-page-php .col-140,
.page-template-content-sidebar-page-php .col-220,
.page-template-content-sidebar-page-php .col-300,
.page-template-content-sidebar-page-php .col-380,
.page-template-content-sidebar-page-php .col-460,
.page-template-content-sidebar-page-php .col-540,
.page-template-content-sidebar-page-php .col-620,
.page-template-content-sidebar-page-php .col-700,
.page-template-content-sidebar-page-php .col-780,
.page-template-content-sidebar-page-php .col-860,
.page-template-content-sidebar-half-page-php .col-60,
.page-template-content-sidebar-half-page-php .col-140,
.page-template-content-sidebar-half-page-php .col-220,
.page-template-content-sidebar-half-page-php .col-300,
.page-template-content-sidebar-half-page-php .col-380,
.page-template-content-sidebar-half-page-php .col-460,
.page-template-content-sidebar-half-page-php .col-540,
.page-template-content-sidebar-half-page-php .col-620,
.page-template-content-sidebar-half-page-php .col-700,
.page-template-content-sidebar-half-page-php .col-780,
.page-template-content-sidebar-half-page-php .col-860 {
float: none;
}

#featured-image .fluid-width-video-wrapper {
margin: 20px 0 0 0;
}
}

@media screen and (max-width: 650px) {

body {
}

#logo {
float: none;
text-align: center;
}

.grid,
.grid-right {
float: none;
}

.page-template-content-sidebar-page-php .col-60,
.page-template-content-sidebar-page-php .col-140,
.page-template-content-sidebar-page-php .col-220,
.page-template-content-sidebar-page-php .col-300,
.page-template-content-sidebar-page-php .col-380,
.page-template-content-sidebar-page-php .col-460,
.page-template-content-sidebar-page-php .col-540,
.page-template-content-sidebar-page-php .col-620,
.page-template-content-sidebar-page-php .col-700,
.page-template-content-sidebar-page-php .col-780,
.page-template-content-sidebar-page-php .col-860,
.page-template-content-sidebar-half-page-php .col-60,
.page-template-content-sidebar-half-page-php .col-140,
.page-template-content-sidebar-half-page-php .col-220,
.page-template-content-sidebar-half-page-php .col-300,
.page-template-content-sidebar-half-page-php .col-380,
.page-template-content-sidebar-half-page-php .col-460,
.page-template-content-sidebar-half-page-php .col-540,
.page-template-content-sidebar-half-page-php .col-620,
.page-template-content-sidebar-half-page-php .col-700,
.page-template-content-sidebar-half-page-php .col-780,
.page-template-content-sidebar-half-page-php .col-860 {
float: none;
}

#featured-image .fluid-width-video-wrapper {
margin: 20px 0 0 0;
}

.top-widget {
float: none;
text-align: center;
clear: right;
}

.js .menu,
.sub-header-menu {
display: none;
}

.top-menu,
.footer-menu li {
float: none;
text-align: center;
}

#footer {
text-align: center;
}

#footer .social-icons {
text-align: center;
}
}

@media screen and (max-width: 480px) {

body {
}

#logo {
float: none;
position: relative;
text-align: center;
}

.grid,
.grid-right {
float: none;
}

.page-template-content-sidebar-page-php .col-60,
.page-template-content-sidebar-page-php .col-140,
.page-template-content-sidebar-page-php .col-220,
.page-template-content-sidebar-page-php .col-300,
.page-template-content-sidebar-page-php .col-380,
.page-template-content-sidebar-page-php .col-460,
.page-template-content-sidebar-page-php .col-540,
.page-template-content-sidebar-page-php .col-620,
.page-template-content-sidebar-page-php .col-700,
.page-template-content-sidebar-page-php .col-780,
.page-template-content-sidebar-page-php .col-860,
.page-template-content-sidebar-half-page-php .col-60,
.page-template-content-sidebar-half-page-php .col-140,
.page-template-content-sidebar-half-page-php .col-220,
.page-template-content-sidebar-half-page-php .col-300,
.page-template-content-sidebar-half-page-php .col-380,
.page-template-content-sidebar-half-page-php .col-460,
.page-template-content-sidebar-half-page-php .col-540,
.page-template-content-sidebar-half-page-php .col-620,
.page-template-content-sidebar-half-page-php .col-700,
.page-template-content-sidebar-half-page-php .col-780,
.page-template-content-sidebar-half-page-php .col-860 {
float: none;
}

#featured-image .fluid-width-video-wrapper {
margin: 20px 0 0 0;
}

.featured-title {
font-size: 40px;
padding: 40px 20px 0 20px
}

.menu ul,
.menu li,
.top-menu,
.footer-menu li,
.sub-header-menu li {
float: none;
text-align: center;
}

#footer {
text-align: center;
}

#footer .social-icons {
text-align: center;
}
}

@media screen and (max-width: 320px) {

#featured p {
font-size: 12px;
line-height: 1.2em;
}

.featured-title {
font-size: 35px;
}

.featured-subtitle {
font-size: 15px;
}

.call-to-action a.button {
font-size: 14px;
padding: 7px 17px;
}
}

@media screen and (max-width: 240px) {

#featured p {
font-size: 11px;
line-height: 1.1em;
}

.featured-title {
font-size: 20px;
}

.featured-subtitle {
font-size: 11px;
}

.call-to-action a.button {
font-size: 12px;
padding: 5px 15px;
}
}

It worked for me, hope it works for you too.

I’ve been using LILAEA Child Theme Configurator plugin and have had absolutely no problems in either a network or non-network setup. I highly recommend it. Works perfectly on phone, tablet, and of course desktop.

Jerry