Remove and change Social Media Icon on Header

  • Hi, how do I remove the social media icon on default header and move them to menu bar or other section? can it be done?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author Kharis Sulistiyono

    (@kharisblank)

    Hello there,

    First thing to do is add the below snippet to a child theme’s functions. You can also use Code Snippets plugin if you aren’t running any child theme. 

    
add_filter( 'wp_nav_menu_items', 'quna_child_add_last_menu_item', 27, 2 );
function quna_child_add_last_menu_item( $items, $args ) {

    if ($args->theme_location == 'menu-1') {
        $shortcode = do_shortcode('[risbl-social]');
        $items .= '<li class="menu-social-profiles">'.$shortcode.'</li>';
    }
    return $items;
    
}

    Then apply below CSS code to your site’s additional CSS (Appearance > Customize > Additional CSS). 

    
.site-branding ul.social-profiles {
  display: none;
}

.main-navigation ul li.menu-social-profiles {
  margin-right: 0 !important;
}

.main-navigation ul li.menu-social-profiles ul.social-profiles {
  float: none;
  position: static;
  background: transparent;
  box-shadow: none;
}

.main-navigation ul li.menu-social-profiles ul.social-profiles a {
  width: auto;
  line-height: 1;
}

    Regards,
    Kharis

Viewing 1 replies (of 1 total)
  • The topic ‘Remove and change Social Media Icon on Header’ is closed to new replies.

Tags