Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 21, 2019 at 3:05 am #1056388
    rosewoodva

    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!

    • This topic was modified 5 years, 10 months ago by rosewoodva.
    January 21, 2019 at 8:39 am #1056484
    Nikko

    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

    January 26, 2019 at 2:49 am #1058977
    rosewoodva

    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

    January 29, 2019 at 9:40 pm #1060188
    Victoria

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.