cant get rid of padding above footer in max width 568 and 320 responsive

Hi i have a white space that pops up in responsive @max-width 568 and @max-width 320.
All of my other responsive setups are okay.

I tried adding all of the below but nothing has fixed it.

Is my syntax correct or have i addressed the wrong thing?



@media only screen and (max-width: 320px) {
#section.the_content.no.content { 
display: none !important; 
padding: 0 !important; 
}
empty {   display: none; !important }
}

@media only screen and (max-width: 568px) {
#section.the_content.no.content {
padding: 0 !important; 
padding-bottom: 0px !important; 
}
#empty {   display: none; !important }
}

Any help would be appreciatied

website link is 
www.designerportraits.com.au/blog/family/

Comments

Sign In or Register to comment.