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?
Thanks
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;}