Hi Andrei
You need to use a media query for your logo !!, and create a smaller size for each size break.
@media (max-width: 767px)
{
.header-logo img
{
width:50%;
}
}
@media (min-width: 768px) and (max-width: 991px)
{
.header-logo img
{
width:70%;
}
}
@media (min-width: 992px) and (max-width: 1199px)
{
.header-logo img
{
width:85%;
}
}
@media (min-width: 1200px)
{
.header-logo img
{
width:100%;
}
}
You need to use a media query for your logo !!, and create a smaller size for each size break.
@media (max-width: 767px)
{
.header-logo img
{
width:50%;
}
}
@media (min-width: 768px) and (max-width: 991px)
{
.header-logo img
{
width:70%;
}
}
@media (min-width: 992px) and (max-width: 1199px)
{
.header-logo img
{
width:85%;
}
}
@media (min-width: 1200px)
{
.header-logo img
{
width:100%;
}
}
If they used bootstrap they could just add class="img-responsive" works like a charm.