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(); ?>>
<?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.
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
- The topic ‘Help fixing social media icons, date display in header’ is closed to new replies.