Tagged: CSS, logo, shrinking header
Hi,
So I have adjusted my logo’s size and margin and also using the shrinking header feature. When the logo shrinks it doesn’t look good.
What I have done is,
.logo img {
margin-top: 5px;
}
This works well, but it does it when it shrinks as well. How can I limit it to the main header only and leave the shrinking feature as it was?
Thanks
Hi m_gnowit,
Could you provide us with a link to the site in question so that we can take a closer look please?
Regards,
Rikard
Sorry for the late reply, but I solved this.
Here is the solution if anyone interested,
.logo img {
margin-top: 5px;
}
and then for the shrinking part
.header-scrolled .logo img {
margin-top: 0px;
}
This did the job for me.