I am seeking guidance from someone with more experience to help identify the source of this margin. Your assistance is greatly appreciated!
https://i.stack.imgur.com/46k7k.png
Below is the CSS code in question:
.logo-icon {
background-image: url('../../images/logo.png');
background-repeat: no-repeat;
height: 48px;
width: 49px;
display: inline-block;
}
.logo {
padding: 7px;
margin-right: 0px;
width: 200px;
}
.header {
height: 60px;
width: 100%;
background-color: #FFFF;
position: fixed;
}
.header a {
font-family: 'Roboto';
font-size: 20px;
color: #2D9CDB;
vertical-align: -webkit-baseline-middle;
}