How to get 'roll up' animation on social icons for the header

[jaynkie]

Two q’s!

1. I love how the social icons animate (rotate on mouse-over) in the footer area of my site – but can’t figure out how to get them to do that in the header.

2. How do I get rid of that footer bar on every page – (or edit it) it’s like a mysterious ‘forced-sub-footer’ above the footer, and I can’t find where it is referenced anywhere. (contact page for instance)

Thanks!

[David Martin – Support]

1) Please test this in Theme Options => Custom CSS:

#header ul.social-icons li a i {
    transition: top 0.2s;
    position: relative;
}

2) What are specifically referring to? The menu widget? Please add a screenshot.

Thanks,
David.

[Kirsten]

Yeah I would like the roll up too, but unfortunately the above given CSS doesn’t do the trick.

[jaynkie]

Thanks David – this doesn’t work for me either. 🙁

[jaynkie]

This reply has been marked as private.

[David Martin – Support]

@jaynkie – the above username and password are no longer working. I need those to check your social icons and CSS.

– Can you update?

Thanks.

[jaynkie]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Go to Theme Options > Footer Options to turn it off, or Appearance > Widgets to edit the footer widgets

– Kyle

[Kirsten]

Any update on point 1 yet?

[Swift Ideas – Ed]

Hi guys,

Please try this css:

#header ul.social-icons li a > i {
    display: block;
    margin-bottom: 31px;
    position: relative;
}
#header ul.social-icons li a:hover > i {
    top: -46px;
}

– Ed

[Kirsten]

Yeah great! That works. Thank you very much.

[Kyle – SUPPORT]

Great! No problem

– Kyle