I have recently experienced 2 issues with the social media icons. 1st Issue: I created a special Pinterest icon since there is not one provided and referenced all the icons in the header code below. Previously, this code worked perfectly, but now for some reason, the Yahoo icon is in the place where the Pinterest icon should be. 2nd Issue: The social media icons appear correctly on mobile devices when upright, but when the phone is turned sideways to enlarge content, the social icons appear on 2 lines instead of 1 line. 3rd Issue: Google suggests that I enlarge the social media icons on mobile display. PHP: href="http://www.facebook.com/comfortclimateservice"><span><img src="<?php echo get_template_directory_uri(); ?>/images/sl-1.png" alt="Follow Comfort Climate Service on Facebook"/></span></a></li> <li class="sl-2"><a TARGET = "_blank" href="http://www.twitter.com/comfortclimate"><span><img src="<?php echo get_template_directory_uri(); ?>/images/sl-2.png" alt="Follow Comfort Climate on Twitter"/></span></a></li> <li class="sl-4"><a TARGET = "_blank" href="http://www.pinterest.com/comfortclimate/"><span><img src="<?php echo get_template_directory_uri(); ?>/images/pinterest_24.png" alt="Follow Comfort Climate on Pinterest"/></span></a></li> <li class="sl-6"><a TARGET = "_blank" href="https://plus.google.com/+ComfortClimateService/"><span><img src="<?php echo get_template_directory_uri(); ?>/images/google_plus_24.png" alt="Circle Comfort Climate on Google+"/></span></a></li> <li class="sl-5"><a TARGET = "_blank" href="http://www.youtube.com/thecomfortclimate"><span><img src="<?php echo get_template_directory_uri(); ?>/images/sl-5.png" alt="Subscribe to the Comfort Climate Channel on YouTube"/></span></a></li> <li class="linkedin_24"><a TARGET = "_blank" href="http://www.linkedin.com/company/2859121? trk=tyah/"><span><img src="<?php echo get_template_directory_uri(); ?>/images/linkedin_24.png" alt="Connect with Comfort Climate on LinkedIn"/></span></a></li> <li class="sl-3"><a TARGET = "_blank" href="http://feeds.feedburner.com/comfortclimateservice/wYqB/" Thank you for your help.
Hello, We have got your concern, please send us your WordPress dashboard login details also the link of this thread at [email protected]. so that, we can have a look over the issue in details. Your website link: WordPress username: WordPress password: This thread link: http://www.inkthemes.com/community/threads/3-issues-with-social-media-icons.14717/ Note: When your issue get resolved, you can change your password. Thanks & Regards Yogesh Bhade
Hello, I just upload a pinterest image and use it in place of yahoo image. Thanks & Regards Yogesh Bhade
Before, I had uploaded it directly to the images folder in my hosted site structure and the code in the header found it with no problem. Can you please tell me what changed? Also, is the same code in the child header file causing the image to load as before? Or did you make any code changes? UPDATE: Although adding the icon to the media library worked at first, now the icon is invisible leaving the space holder and an active link that still works. The issue is not fixed. The 2nd issue above with the social icons going to a 2nd line when a mobile device is turned on it's side has been fixed. What did you have to do to fix this issue? Regarding the 3rd issue with the icons, if I wanted to slightly enlarge the social media icons for mobile devices only, what would I change? Thank you, Sandy
Hello sandy, Use Social Icons option from Theme Options to put your social URL's, Don't write directly on code as you written in header.php file of child theme. Delete unwanted files from child theme, keep only style.css file in child theme. You can not increase size of social icons in mobile device. Thanks & Regards Yogesh Bhade
That does not make sense. I set up the child theme according to an article written by InkThemes. All the files there are needed because they contain changes that I've made that don't need to be overwritten by theme updates. I followed the instructions. Why did the code work in the header before and now it does not work? What do I need to do to make it work once again? Can someone please help? Thanks
Hello, For which code you are talking ? we don't know. For the social icons you don't need to write your social URL's in directly code, use Theme Options--> Social Icon to write your URL's. Thanks & Regards Yogesh Bhade
The code in the header pasted in my initial post. It worked fine before. Now, it worked again for a bit then broke again. Now there is a ? in front of the Pinterest icon. See screenshot in uploaded file or go to http://comfortclimateservice.com. Can you please review the code above and let me know if I need to make any adjustments so that it doesn't break again? The theme options don't work for me because: 1 - You cannot change the order of the icons. 2- There is no way to open the link up in a new window. 3 - There is no ability to add Pinterest and LinkedIn.
