[Resolved] Need help overwriting responsive.css element using child style.css

ceopenup · October 2016

The following element in responsive.css is producing unwanted blank space when viewed on mobiles.

Line 612: body:not(.template-slider):not(.header-simple) #Header{/* min-height:350px!important; *//* background-position:center 202px; */}

I need to either delete above entry or overwrite with min-height:0px using child theme's style.css, but even adding !important won't just fix. Could you help?

ceopenup · October 2016

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

body:not(.template-slider):not(.header-simple) #Header{

min-height: 0px!important;

}

Adding above to child theme's style.css solved.

Albert · October 2016

Hi,

this is header's background and if you don't need it, all you need to do is activate Minimalist option under Header section.

[Resolved] Need help overwriting responsive.css element using child style.css

Comments