New Topic

StartupWP Pro 1.1.6 – Social media icons in Nav bar?

Home › Forum › Customization › StartupWP Pro 1.1.6 – Social media icons in Nav bar?

This topic contains 3 replies, has 2 voices, and was last updated by  StartupWP 5 years, 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1347

    Moose
    Participant

    Hi there,
    I’m currently toying with social media icons and was wondering if it is possible to move the social media (eg. Facebook) from the top-right of page to replace the omni search at the right of the nav bar?
    I currently have a child theme running, in case that helps.

    Thanks for your help.

    #1348

    StartupWP
    Keymaster

    1. First, you’ll need to setup a child theme if you haven’t already:

    https://startupwp.com/topic/child-theming/

    2. Copy over header.php to the child theme.

    3. Open up header.php (https://startupwp.com/topic/understanding-the-theme-code/).

    4. Cut the following:

    <?php
    if ( $options['social'] ){
    echo '<div id="social">';
    if ($options['googleurl']!="")
    echo '<a href="'.esc_url($options['googleurl']).'" id="social-google"><img src="'.get_template_directory_uri().'/images/social/google.png" alt="Google+" /></a>';
    if ($options['linkedinurl']!="")
    echo '<a href="'.esc_url($options['linkedinurl']).'" id="social-linkedin"><img src="'.get_template_directory_uri().'/images/social/linkedin.png" alt="LinkedIn" /></a>';
    if ($options['twitterurl']!="")
    echo '<a href="'.esc_url($options['twitterurl']).'" id="social-twitter"><img src="'.get_template_directory_uri().'/images/social/twitter.png" alt="Twitter" /></a>';
    if ($options['facebookurl']!="")
    echo '<a href="'.esc_url($options['facebookurl']).'" id="social-facebook"><img src="'.get_template_directory_uri().'/images/social/facebook.png" alt="Facebook" /></a>';
    echo ''.do_shortcode( stripslashes(wp_kses_post($options['custicons'])) ).'';
    echo '</div>'; }
    ?>

    and paste over:

    <?php if ( $options['search'] ){ get_search_form(); } ?>

    5. Update us at this point, you may require more assistance for styling.

    #1349

    Moose
    Participant

    Absolutely perfect! Thank you kindly. I have removed the original php code in the <head>, and your code snippet works lovely.

    I should be able to style without any further issues, but I’ll let you know if I need any further help.

    Thanks again.

    #1350

    StartupWP
    Keymaster

    You’re welcome.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.