The Joomla! Forum ™



Forum rules


Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.



Post new topic Reply to topic  [ 23 posts ] 
Author Message
PostPosted: Wed Mar 21, 2012 11:31 am 
Joomla! Intern
Joomla! Intern

Joined: Wed Aug 19, 2009 2:25 pm
Posts: 66
My current website www.somersetcountryclub.com is not working properly with an Ipad. My menu's use a hover over effect and they can't be click on with an Ipad. How do I change them to be compatible with an Ipad. Also I read that I need to add this code <meta name="viewport" content="width=device-width" /> to my index.php file to fix the width issue. Where exactly in the code does this need to go? Still fairly new to Joomla and web design. Any help would be much appreciated.

Thanks


Top
 Profile  
 
PostPosted: Wed Mar 21, 2012 1:51 pm 
Joomla! Intern
Joomla! Intern

Joined: Wed Aug 19, 2009 2:25 pm
Posts: 66
Okay, so I installed Joomla mobile thinking it would fix my problems. Problem is the mobile templates for the smartphone and iphone don't display my modules or menus. How do I change this??


Top
 Profile  
 
PostPosted: Wed Mar 28, 2012 6:01 pm 
Joomla! Intern
Joomla! Intern

Joined: Wed Aug 19, 2009 2:25 pm
Posts: 66
Anybody? Really need this to work. Found some CSS code that says it will work, but I have no idea where to insert it.

http://www.elfboy.com/blog/making_css_d ... he_iphone/


Top
 Profile  
 
PostPosted: Thu Jun 14, 2012 5:31 pm 
Joomla! Intern
Joomla! Intern

Joined: Wed Aug 19, 2009 2:25 pm
Posts: 66
Help, please!


Top
 Profile  
 
PostPosted: Thu Jun 14, 2012 8:37 pm 
User avatar
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Wed Dec 26, 2007 8:24 am
Posts: 135
Location: Norway
Hi,

The meta tag should be inserted in your templates index.php file somewhere between <head> and </head>

Your Pulldownmenu does not work on iPad or iPhone, but maybe this works for you: http://www.ovedal.info, it works fine on my iPhone. It is a simple CSS-styled meny. If you use Firefox and an add called web developer toolbar, you can select edit css on this page and copy the code. There is no javascript or anything complex code just simple css. It is called dropdown.css

_________________
http://www.edderkoppen.net


Top
 Profile  
 
PostPosted: Mon Jun 18, 2012 7:23 pm 
Joomla! Intern
Joomla! Intern

Joined: Wed Aug 19, 2009 2:25 pm
Posts: 66
Janhelge

I've not had a chance to test, but do you think that code inserted in the index.php file should work?

Thanks for the reply.


Top
 Profile  
 
PostPosted: Tue Jun 19, 2012 5:36 pm 
User avatar
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Wed Dec 26, 2007 8:24 am
Posts: 135
Location: Norway
You can test using Firefox browser and Web development toolbar. Use edit css. You only edit it for your current cession.

You can copy and past and test code directly. If it works, copy it to your css files. You dont need to edit index.php. There are some background issues when using Edit css, but it works for what you need.

_________________
http://www.edderkoppen.net


Top
 Profile  
 
PostPosted: Wed Jun 20, 2012 12:21 pm 
Joomla! Intern
Joomla! Intern

Joined: Wed Aug 19, 2009 2:25 pm
Posts: 66
This is CSS code though

#ios ul { display: none; }
#ios li:hover ul { display: block; }

Why would you insert it in the index.php file? Shouldn't it be in the style.css file? If so, where does it need to go within the file?

Thanks


Top
 Profile  
 
PostPosted: Wed Jun 20, 2012 7:16 pm 
Joomla! Intern
Joomla! Intern

Joined: Wed Aug 19, 2009 2:25 pm
Posts: 66
Here is my style.css code. Where would you insert that in here?

/* begin MenuSubItem */
.artmenu ul a
{
text-align: center;
height: 21px;
line-height: 21px;
margin-right: auto;

width: 176px;
background-image: url('images/subitem-bg.png');
background-position: left top;
background-repeat: repeat-x;

border-width: 1px;
border-style: solid;
border-color: #979B8C;
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 21px;
color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.artmenu ul ul a
{
margin-left: auto;
}

.artmenu ul li a:hover
{
color: #303C0C;
border-color: #7C806F;
background-position: 0 -21px;
}

.artmenu ul li:hover>a
{
color: #303C0C;
border-color: #7C806F;
background-position: 0 -21px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
color: #303C0C;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
color: #303C0C;
}


/* end MenuSubItem */


Top
 Profile  
 
PostPosted: Thu Jun 21, 2012 3:13 pm 
User avatar
Joomla! Intern
Joomla! Intern

Joined: Tue Nov 08, 2011 9:42 am
Posts: 63
Location: Granada/Ibiza/Madrid
I don't think it belongs into the CSS. In Joomla's folder "ROOT/template/YourTemplate/" you should find a file index.php

As said above, you need to place this here :
Code:
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>


within the head tag :
Code:
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
</head>



there are a couple of more things you can do, google for instance : "apple-mobile-web-app-status-bar-style"

_________________
Please read the Forum rules regarding signatures: viewtopic.php?t=65


Top
 Profile  
 
PostPosted: Thu Jun 21, 2012 3:43 pm 
Joomla! Intern
Joomla! Intern

Joined: Wed Aug 19, 2009 2:25 pm
Posts: 66
I tried to open my index.php in cpanel and add this but it is telling me my permission has been denied. Why can't I modify the index.php file??


Top
 Profile  
 
PostPosted: Thu Jun 21, 2012 3:59 pm 
User avatar
Joomla! Intern
Joomla! Intern

Joined: Tue Nov 08, 2011 9:42 am
Posts: 63
Location: Granada/Ibiza/Madrid
well, try to set the permission to 777 for the edit but change it afterwards back to 755.

Ahm, I just realized that your problem is totally different. This tag "meta name=" would be applied to normal desktop clients as well and would cause ugly problems. And ! it only ensures that the page can't be dragged around and fits it into the screen. So, just don't add it !

In your case, your menu system is done wrong. You may consider preferably another template. Because the meta tag won't change anything ! I know thats a hard thing. Btw, we support iPad properly in the weeks too(send me a pm, its free).

_________________
Please read the Forum rules regarding signatures: viewtopic.php?t=65


Top
 Profile  
 
PostPosted: Thu Jun 21, 2012 4:08 pm 
Joomla! Intern
Joomla! Intern

Joined: Wed Aug 19, 2009 2:25 pm
Posts: 66
I just can't believe there isn't an easy fix out there to make my drop down menu compatible with an Ipad/Iphone. There has to be an easier way than getting a whole new template.


Top
 Profile  
 
PostPosted: Thu Jun 21, 2012 4:14 pm 
User avatar
Joomla! Intern
Joomla! Intern

Joined: Tue Nov 08, 2011 9:42 am
Posts: 63
Location: Granada/Ibiza/Madrid
well, I know that's bad. The problem is that the developer didn't had touch devices in mind at all and counted on pointing devices only. He's opening the menu only when the mouse is over it.

As web developer its just 1 minute work to fix it. May you contact the template provide for that, because this is indeed a bit silly, or just old. dunno

_________________
Please read the Forum rules regarding signatures: viewtopic.php?t=65


Top
 Profile  
 
PostPosted: Thu Jun 21, 2012 4:20 pm 
Joomla! Intern
Joomla! Intern

Joined: Wed Aug 19, 2009 2:25 pm
Posts: 66
007

I'm having a hard time following you. How do you know it would only take a minute to fix it? Are you saying to contact the actual developer of the template for the solution or do you actually know what to do?


Top
 Profile  
 
PostPosted: Thu Jun 21, 2012 4:23 pm 
User avatar
Joomla! Intern
Joomla! Intern

Joined: Tue Nov 08, 2011 9:42 am
Posts: 63
Location: Granada/Ibiza/Madrid
sorry ;-)
yes, please contact the template developer, he should be able to fix it quickly.

_________________
Please read the Forum rules regarding signatures: viewtopic.php?t=65


Top
 Profile  
 
PostPosted: Thu Jun 21, 2012 4:41 pm 
Joomla! Intern
Joomla! Intern

Joined: Wed Aug 19, 2009 2:25 pm
Posts: 66
No idea who the developer is. Just find it hard to believe that nobody on this forum has ran into this problem yet.


Top
 Profile  
 
PostPosted: Thu Jun 21, 2012 4:50 pm 
User avatar
Joomla! Intern
Joomla! Intern

Joined: Tue Nov 08, 2011 9:42 am
Posts: 63
Location: Granada/Ibiza/Madrid
I found your template on this page : http://www.bestofjoomla.com/component/o ... Itemid,46/

Everybody is using a different template btw. That's possible that yours is outdated and was not designed for iPads & co.

_________________
Please read the Forum rules regarding signatures: viewtopic.php?t=65


Top
 Profile  
 
PostPosted: Thu Jun 21, 2012 5:01 pm 
Joomla! Intern
Joomla! Intern

Joined: Wed Aug 19, 2009 2:25 pm
Posts: 66
Not able to find the actual developer to contact them.

What about this? Should this make it work?

http://niteodesign.com/web-design/iphon ... ver-event/


Top
 Profile  
 
PostPosted: Thu Jun 21, 2012 5:09 pm 
User avatar
Joomla! Intern
Joomla! Intern

Joined: Tue Nov 08, 2011 9:42 am
Posts: 63
Location: Granada/Ibiza/Madrid
yup, that could do it.
otherwise, replace in templates/TechLine_de_Template-j15-Golftheme1/script.js
the following :

Quote:
function artButtonSetupJsHover(btn)
{
artEventHelper.bind(btn, 'mouseover', function() {
var spans = btn.getElementsByTagName("span");
if (spans.length > 0)
spans[0].className += " hover";
});
artEventHelper.bind(btn, 'mouseout', function() {
var spans = btn.getElementsByTagName("span");
if (spans.length > 0)
spans[0].className = spans[0].className.replace(/hover/, "");
});
}


with :
Code:
function artButtonSetupJsHover(btn)
{
    artEventHelper.bind(btn, 'click', function() {
        var spans = btn.getElementsByTagName("span");
        if (spans.length > 0)
        {
          if(spans[0].className.indexOf("hover")==-1){
            spans[0].className += " hover";
          }else{
              spans[0].className = spans[0].className.replace(/hover/, "");
          }
        }
    });

  artEventHelper.bind(btn, 'mouseover', function() {
    var spans = btn.getElementsByTagName("span");
    if (spans.length > 0)
      spans[0].className += " hover";
  });

  artEventHelper.bind(btn, 'mouseout', function() {
    var spans = btn.getElementsByTagName("span");
    if (spans.length > 0)
      spans[0].className = spans[0].className.replace(/hover/, "");
  });
}


that's somehow silly too and no guarantee it works! And, make a backup of the file!

_________________
Please read the Forum rules regarding signatures: viewtopic.php?t=65


Top
 Profile  
 
PostPosted: Fri Jun 22, 2012 11:22 am 
User avatar
Joomla! Intern
Joomla! Intern

Joined: Tue Nov 08, 2011 9:42 am
Posts: 63
Location: Granada/Ibiza/Madrid
well, I guess it worked. And no problem! Its always a great pleasure to help here out.

Just scratching my head and wonder why I never went playing golf ;-)

_________________
Please read the Forum rules regarding signatures: viewtopic.php?t=65


Top
 Profile  
 
PostPosted: Fri Jun 22, 2012 11:35 am 
Joomla! Intern
Joomla! Intern

Joined: Wed Aug 19, 2009 2:25 pm
Posts: 66
Didn't get a chance to test yet, going to give it a shot this morning. I will let you know. Thanks for your help thus far!


Top
 Profile  
 
PostPosted: Tue Jun 26, 2012 4:46 pm 
Joomla! Intern
Joomla! Intern

Joined: Wed Aug 19, 2009 2:25 pm
Posts: 66
Still not working. This is frustrating...


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 23 posts ] 



Who is online

Users browsing this forum: afrika and 22 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group