Tagged: alignment, extra elements, social icons
Hi there,
I have tried a few CSS combos to get the desired results. I like the padding above and below the extra elements, but would like it so the social icons are horizontally aligned with the extra elements too.
Also, since applying the 20px of padding to top and bottom, the header no-longer shrinks when scrolling down. I would like to re-enable the shrinking header feature.
Website: http://dev.simplyhomeinc.ca/
Thanks!
Hey Deanna,
Add this css code for the social icons above.
#top #wrap_all #header_meta .social_bookmarks li {
height: 60px;
}
#top #wrap_all #header_meta .social_bookmarks li a {
margin-top: 14px;
}
As for the shrinking header feature, go to Enfold > Header > check Shrinking Header
Best regards,
Nikko
Hi Nikko,
Thanks for this – it worked for the alignment.
However, I have “Shrinking Header” selected already but the header does not shrink.. it might be due to adding CSS, can you help?
Thanks!
Deanna
Hi Deanna,
Did the header shrink before the css added?
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
Victoria