VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

IPAD/IPHONE Footer Fix disables Social Media Links
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: IPAD/IPHONE Footer Fix disables Social Media Links

IPAD/IPHONE Footer Fix disables Social Media Links 07 Dec 2013 18:08 #3505

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

  • Posts:8
  • bcrowe
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: IPAD/IPHONE Footer Fix disables Social Media Links 09 Dec 2013 17:15 #3514

give for social media icons z-index: 99;

  • Posts:502
  • theres no place like joomfreak.com
  • m.freak
  • Platinum Boarder
  • OFFLINE
  • Karma: 0

Re: IPAD/IPHONE Footer Fix disables Social Media Links 10 Dec 2013 04:50 #3519

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

  • Posts:8
  • bcrowe
  • Fresh Boarder
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.46 seconds

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.