Social icons – mobile

Hi Marcus, this is a little bit complicated but it can be done. ??

First, you’ll need to set up a child theme, so your changes won’t be overwritten when you update the theme. If you’re new to child themes, you can explore these guides:

https://codex.www.ads-software.com/Child_Themes
https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/
https://op111.net/53/
https://vimeo.com/39023468

Copy the theme’s header.php file into your child theme.

Copy these lines:

<?php
  if ( has_nav_menu( 'social' ) ) : ?>
    <div id="social-links-wrapper">
    <?php wp_nav_menu( array(
	'theme_location'  => 'social',
	'container_class' => 'social-links',
	'menu_class'      => 'clear',
	'link_before'     => '<span class="screen-reader-text">',
	'link_after'      => '</span>',
    ) ); ?>
    </div>
<?php endif; ?>

after line 30. That puts it inside the mobile-block div.

Harmonic has four other header files where you’ll also need to make a similiar change in your child theme. Look for the files that start with header-

Thanks Kathryn I’ll let you know how I get on!

Good luck!