Great Template! Just one issue with the footer - when using the website on iPad or iPhone, the footer seems to overlay over the entire website when you are scrolling up and down (it almost seems to "ghost" over the rest of the content).

This was brought up in a previous string and the following fix was given:

[b]Re: Problem with IPAD and similar 29 Jul 2013 09:57 #2568

Solution is here:
Step 1:
Add to bottom of file: /templates/jf_call-exteriors/css/template.css

#jf-body {
background-color: #fff;
position: relative;
z-index: 9;
}

#jf-footer {
z-index: -1 !important;
}

Step 2:
Download attachment of this post and unzip this .zip folder, select your joomla version 2.5 or 3.0&3.1 and replace index.php into: /templates/jf_call-exteriors/

Attachments: Attachment jf_call-ex...date.zip (6KB)

Last Edit: 29 Jul 2013 09:58 by m.freak. Report to moderator

m.freak
Administrator


When these steps are followed, the footer problem is fixed! But the social media buttons on the footer stop working. They are no longer clickable.

Does anyone know how to fix this?

Thanks

give for social media icons z-index: 99;

Thanks for the suggestion m.freak!

I altered the template.css file as you suggested by adding a z-index of 99 under the social media icons. Unfortunately, that didn't work and the social media links are still not clickable. Then, I added z-index under anything in that section with the word social just in case I was doing it wrong. It looks like follows:


.moduletable-social {
z-index: 99;
margin-top: 60px;
}

.moduletable-social li {
z-index: 99;
margin: 0 15px;
}

#jf-social {
z-index: 99;
margin-top: 60px;
}

#jf-social li {
z-index: 99;
display: inline-block !important;
margin: 0 15px;
}

#jf-social li a {
z-index: 99;
display: block;
height: 33px;
width: 33px;
}

#jf-social li a.button-facebook {
background: url(../images/facebook.png) no-repeat;
z-index: 99;
}

#jf-social li a.button-flickr {
background: url(../images/flickr.png) no-repeat;
z-index: 99;
}

#jf-social li a.button-google {
background: url(../images/google.png) no-repeat;
z-index: 99;
}

#jf-social li a.button-skype {
background: url(../images/skype.png) no-repeat;
z-index: 99;
}

#jf-social li a.button-twitter {
background: url(../images/twitter.png) no-repeat;
z-index: 99;
}

#jf-social li a.button-pinterest {
background: url(../images/pinterest.png) no-repeat;
z-index: 99;
}

#jf-social li a.button-youtube {
background: url(../images/youtube.png) no-repeat;
z-index: 99;
}


The links still do not work. Do you have any other suggestions? Or am I doing this incorrectly? Your help is tremendously appreciated! I'm really excited to get this site live! This is just the last puzzle piece!

Thanks,

Brad