Moving facebook to footer

  • dbphoto1981

    #6914

    Hi all, does anyone know how to move the facebook/twitter icons to the bottom footer rather than the top bar?

    I have searched but cant find anything on how to do it.

    Thanks 🙂

    Mod

    Kenneth John Odle

    #36150

    Moved to Support. Please post in the correct section next time.

    Have you seen this?

    https://forum.graphene-theme.com/graphene-support/move-social-media-from-the-upper-menu-to-the-sidebar-widget

    The AddThis link is probably the easiest way to accomplish this. Add that to a Graphene action hook widget area:

    http://blog.kjodle.net/2011/11/04/graphene-action-hook-widgets-an-easy-way-to-modify-your-blog/

    dbphoto1981

    #36151

    Thanks for that.

    How would I make the ‘Copyright’ in the footer menu not show? as in I want the symbol and copyright of the site, but dont want the heading ‘Copyright’?

    Thanks for the help 🙂

    dbphoto1981

    #36152

    Not to worry, found it by this:

    #copyright h3 {
    display: none;
    }

    Thanks for the help

    dbphoto1981

    #36153

    I tried adding AddThis but cant seem to get it to work or show? it lets me put in the facebook link, but button not showing anywhere on my site?

    Admin

    Syahir Hakim

    #36154

    Where did you put the AddThis code?

    dbphoto1981

    #36155

    I havent, as I dont understand it? I added the Add this in my admin, but then there is no where for me to get the code?

    Sorry, bit confused with this one?

    Thanks for the help 🙂

    Admin

    Syahir Hakim

    #36156

    You can get the buttons code from here:

    https://www.addthis.com/get/sharing?frm=hp#.US204Ge89GM

    Grab the code and then paste it into the Graphene theme’s social sharing options for default placement, or into a text widget if you want to place it anywhere else using widget areas.

    dbphoto1981

    #36157

    Thanks, that has worked, but how do I link it to my actual facebook pages, I cant see anywhere to put the page, at the moment it shows:

    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
    <a class="addthis_button_preferred_1"></a>
    </div>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-512bbde6359baa25"></script>
    <!-- AddThis Button END -->

    Thanks 🙂

    bic

    #36158

    I used a faster solution, that enables me to still use the beautiful Graphene top bar options but moving top bar to the footer. It’s just a line of javascript code and a few CSS rules.

    The javascript:

    jQuery('#footer').prepend(jQuery('#top-bar'));

    In functions.php of my child theme.

    Of course users must have javascript enabled, but who cares about people disabling javascript? Search engines (and people with JS disabled) will continue to see the top bar at the top of the page, that is ok too.

Viewing 10 posts - 1 through 10 (of 11 total)

You must be logged in to reply to this topic.