Hi, sorry I have been working on a localhost, and I uploaded a slightly older backup, however the problem remains the same but with the code below:
/* Mobile Header */
@media screen and (max-width: 800px) {#site-logo {display: none !important;}
#site-header{padding:0 !important}}
#mobile-header-left-menu {background-color:white !important}
/* Nav */
.nav-primary {background-color:blue}
/* Full Width */
.no-sidebar.content-width #page { width: 100% !important; }
.no-sidebar.content-width #main { width: 100% !important; }
/* Footer */
#footer-content {display:none}
#first {color:white}
This all works OK as custom CSS, but when copied to child theme then the code
@media screen and (max-width: 800px) {#site-logo {display: none !important;}
isn’t working (but the rest is working
Thanks