How to move social media buttons from header to footer (Harmonic Theme)

  • Unknown's avatar
    pinkbowtieboy · Member ·

    Hi,

    I am trying to show the social media buttons in the footer, but I can not find the way. Any suggestion or CSS?

    Thanks a lot

    The blog I need help with is: (visible only to logged in users)

  • staff-loquaciousloon · Staff ·

    Hi @pinkbowtieboy!

    In some cases, it’s possible to move items to different parts of the page, but looking at Harmonic’s structure, it doesn’t look like that kind of change will work in this case

  • Unknown's avatar
    pinkbowtieboy · Member ·

    Thanks staff-loquaciousloon
    What about move sidebar widget to footer, any chance?
    Thanks

  • Unknown's avatar
    pinkbowtieboy · Member ·

    Thanks staff-loquaciousloon
    What about move sidebar widget to footer, any chance?
    Thanks

  • staff-loquaciousloon · Staff ·

    Ran into a similar issue with the widget, but it did lead to an idea for a different approach.

    We can’t move the icons to the bottom of the page, but we can put them at the bottom of the screen, meaning they’d always be visible.

    If we do the same thing with the footer bar, you’d have a nice background for them.

    Give this a try. The social media links from the header will drop down to the footer instead, and remain on the screen as you scroll.

    /* Force sticky footer on pages and single posts*/
body.page #colophon,
body.single #colophon {
	position: fixed;
}

/* Move social media to footer */
#social-links-wrapper {
	position: fixed;
	bottom: 0;
	padding-bottom: 6px;
}

    Let me know what you think!

  • The topic ‘How to move social media buttons from header to footer (Harmonic Theme)’ is closed to new replies.