Help fixing social media icons, date display in header

  • Resolved befree22

    (@befree22)


    12 years, 10 months 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 https://i39.tinypic.com/nmckmv.png

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

    I used https://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’ ); ?>
    </div>`

    Since https://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:

    https://pastebin.com/xmcTGaVk

    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 https://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 https://pastebin.com/wZ5MqRMA and I also added a top menu ID: https://pastebin.com/wZ5MqRMA

    And I added this code to the header.php: https://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 https://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 https://pastebin.com/UrbVyuXX
    and here is the current file without the social media icons code https://pastebin.com/BCh7bZ43

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Help fixing social media icons, date display in header’ is closed to new replies.