• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.5 Template for Social Icons

Craig

Active member
#1
Hello all!

I have 3 "social" icons at the top right of my page. However, when I click on the YouTube icon it doesn't take me to the proper YouTube channel.
The website for this is http://www.doomsdayprepperforums.com/

Snip20151023_6.png

Code:
<xen:hook name="ad_header" />

<xen:require css="fa_socialicons.css" />

<div class="socialicons hiddenResponsiveNarrow">
    <ul>
        <li><a href="https://facebook.com/DoomsdayPrepperForums" target="_blank"><i class="fa fa-facebook"></i></a></li>
        <li><a href="https://www.youtube.com/user/K6DPF" target="_blank"><i class="fa fa-youtube-play"></i></a></li>
        <li><a href="https://plus.google.com/u/0/b/118400796810060470640/118400796810060470640/about" target="_blank"><i class="fa fa-google"></i></a></li>
    </ul>
</div>
Thank you in advance for all the help!
 

Martok

Well-known member
#2
I tried it and it took me to the the YouTube URL shown in the code, so it's working unless that URL is incorrect.

As an aside, the social icons need moving lower as the Log in or Sign up tab partially obscures them on a mobile phone in landscape.

Screenshot_2015-10-24-08-16-01.png

Also you need to implement responsive ads as they are too big on mobile devices.

Screenshot_2015-10-24-08-16-23.png
 

Craig

Active member
#3
I tried it and it took me to the the YouTube URL shown in the code, so it's working unless that URL is incorrect.

As an aside, the social icons need moving lower as the Log in or Sign up tab partially obscures them on a mobile phone in landscape.

View attachment 120131

Also you need to implement responsive ads as they are too big on mobile devices.

View attachment 120132
Thanks for the info!
I am not good at coding. I am not sure how to lower them or add responsive adds.......
 

Craig

Active member
#4
I tried it and it took me to the the YouTube URL shown in the code, so it's working unless that URL is incorrect.

As an aside, the social icons need moving lower as the Log in or Sign up tab partially obscures them on a mobile phone in landscape.

View attachment 120131

Also you need to implement responsive ads as they are too big on mobile devices.

View attachment 120132
When I hover over the YouTube icon it shows http://www.doomsdayprepperforums.com/#
When I click the YouTube icon it takes me right back to http://www.doomsdayprepperforums.com/