New Landing How can we help? Themeforest Theme Support Uplift How to get 'roll up' animation on social icons for the header

Viewing 12 posts - 1 through 12 (of 12 total)
  • Posted in: Uplift
  • #272356
    jaynkie
    Member
    Post count: 90

    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!

    #272655
    David Martin – Support
    Moderator
    Post count: 20834

    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.

    #273156
    Kirsten
    Member
    Post count: 192

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

    #273219
    jaynkie
    Member
    Post count: 90

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

    #273232
    jaynkie
    Member
    Post count: 90
    This reply has been marked as private.
    #273584
    David Martin – Support
    Moderator
    Post count: 20834

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

    – Can you update?

    Thanks.

    #274297
    jaynkie
    Member
    Post count: 90
    This reply has been marked as private.
    #274958
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

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

    – Kyle

    #275284
    Kirsten
    Member
    Post count: 192

    Any update on point 1 yet?

    #275685
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    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

    #275921
    Kirsten
    Member
    Post count: 192

    Yeah great! That works. Thank you very much.

    #275922
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Great! No problem

    – Kyle

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register