Media query issue with header logo

Status
Not open for further replies.

Big D

Member
Hello, at screen width max-width:320px I am getting a gap between the header logo image and the nav bar below. Can anybody spot what might be causing the issue?
Code:
#site-header{width:100%;margin:0;padding:0;height:120px;background:#fdfdfd}#site-header img{padding:0;margin:0;max-width:100%;height:auto;}
@media screen and (max-width:800px){#page{width:96%}#site-header img{max-width:100%;height:auto;}
@media screen and (max-width:320px){#site-header{width:96%;height:auto}#site-header img{max-width:90%;height:auto;}
Thanks
 

mneylon

Administrator
Staff member
It's not the percentages that are causing issues?

CSS isn't my forte :(
 

Big D

Member
Hello, at screen width max-width:320px I am getting a gap between the header logo image and the nav bar below. Can anybody spot what might be causing the issue?
Code:
#site-header{width:100%;margin:0;padding:0;height:120px;background:#fdfdfd}#site-header img{padding:0;margin:0;max-width:100%;height:auto;}
@media screen and (max-width:800px){#page{width:96%}#site-header img{max-width:100%;height:auto;}
@media screen and (max-width:320px){#site-header{width:96%;height:auto}#site-header img{max-width:90%;height:auto;}
Thanks

I think it's maybe a conflict of some sort
 
Status
Not open for further replies.
Top