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

designerportraits

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/

designerportraits

Ive reset my css as i think ive screwed up the css .

Pablo

Hi,

I do not see the issue or I just do not understand.

Please make a screenshot of it and describe me it greater.

Also, which browser and OS do you use?

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

designerportraits

i fixed it... thanks.