[resolved] Help fixing social media icons, date display in header (2 posts)

  1. befree22
    Posted 3 years ago #

    Hi Folks,

    The date and top nav menu isn't displaying correctly on prosocialroi.com/contact-us -- visit webpage
    The correct display should be http://i39.tinypic.com/nmckmv.png

    The display stopped displaying correctly after I tried adding social media icons to header.php -- view http://i40.tinypic.com/34zyclj.png

    I used http://digitalraindrops.net/2010/09/social-media/ code and added it to 2011 Child Theme header.php file on prosocialroi.com/blog below the <body opening tag. DigitalRaindrops did not have <div></div> -- I added this:

    <body <?php body_class(); ?>>

    <div id="social">
    <?php /* Add in our Horizontal Social Media */ ?>
    <?php get_template_part( 'social', 'horizontal' ); ?>

    Since http://digitalraindrops.net/2010/09/social-media/ includes functions for wp admin Options page, I had to create non-php hyperlinks for the social media icons. So, the social-horizontal.php file contains the following code:


    I have a problem with the social media icons causing the top nav menu to overlap the searchbox. I want the social icons to appear to the left of the top menu bar, not above it but the DigitalRaindrops tutorial has it positioned there. View image http://i40.tinypic.com/34zyclj.png

    I added the following code to fix the icons from appearing above the top menu bar ...
    The .css code for the social-horizontal.php is http://pastebin.com/wZ5MqRMA and I also added a top menu ID: http://pastebin.com/wZ5MqRMA

    And I added this code to the header.php: http://pastebin.com/fyx44RQc

    However, the date, social media icons, and top nav bar still didn't align correctly so I removed the social media icons code. Now the date and top menu bar are not aligning correctly as they did before trying to add the icons. The date ought to be in top left corner of page and top nav bar ought to be in top right corner of page as seen here The correct display should be http://i39.tinypic.com/nmckmv.png

    Could someone help me fix the date and top nav menu display? I cleared the cache, reuploaded an original header.php from Digitalraindrops, and tried adding social media icons using other code but nothing works. Not even the original header.php file display the date and top nav bar correctly.

    Here is the original header.php file from DigitalRaindrops http://pastebin.com/UrbVyuXX
    and here is the current file without the social media icons code http://pastebin.com/BCh7bZ43

  2. befree22
    Posted 2 years ago #

    The site was upgraded to a 2012 child theme using native WordPress code. See http://wordpress.org/support/topic/align-social-media-icons-in-header?replies=7

Topic Closed

This topic has been closed to new replies.

About this Topic