Submenus on afterburner template
-
-
- Rreze
- Newbie
- Posts: 7
- Thanks: 0
-
Hi there,
I am using afterburner template in my site.
The following are the problems that I'm facing and I hope to get some help from you guys:
1) On IPAD the latest item in my main menu is showing beneath the menu. This way the menu item is not visible (the font color is white, same as the background). How to fix this problem?!
2) I've added "min-width: 200 px" in the menu code, since some of the items in submenus where not showing the whole text... The problem has been solved in Firefox, Chrome, Safari,... but in IE I'm still having the problem. Is there any other way to fix this issue? Am I missing something?
I wish I could send you the link to my site, but I'm working on a local server.
I hope I've made a good explanation of the problems and I hope to receive some help from people on this forum.
Thank you in advance.
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
-
Unfortunately we can't offer much advice without having a link to where we can see the issue.
Older versions of IE do not support the min-width property, so it will not work in those version due to that limitation. - The difficult we do immediately, the impossible takes a little longer.
-
-
-
- Rreze
- Newbie
- Posts: 7
- Thanks: 0
-
Hi Cliff,
Thanks for your email. I am working on a local server, that's why I can't send you the link to my website.
Attached you may see how the menu looks on IE 9.
Here's the code:#nav {height:30px;background:#003366;z-index:999;position:relative;} #nav ul {margin:0 0 0 15px;} #nav li {list-style:none;float:left;padding-left:3px;height:34px;position:relative;} #nav li a {display:block;padding:0 10px;line-height:30px;color:#fff;font-weight:bold;} #nav li.active a {background:#003366;color:#ffffff;} #nav li:hover a, #nav li.sfHover a{background:#003366;color:#ffffff;text-decoration:none;} #nav li ul {position:absolute;min-width:200px;left:-999em;margin-left:-1px;border:1px solid #071a34;border-top:0;} #nav li ul ul {margin:-31px 0 0 200px;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;} #nav li li {padding:0;height:auto;background:#fff;min-width:200px;} #nav li li a, #nav li li.active a, #nav li li a:hover {margin:0;height:30px;line-height:30px;background:#063a6e;border-top:1px solid #006B9F;color:#ffcc33;} #nav li li a, #nav li.active li a {font-weight:normal;} #nav li:hover ul, #nav li.sfHover ul {left:4px;} #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left:0;}
Is there any way to solve the problem is IE?
What about the menu in ipad? The last item in the menu is invisible in ipad. It is showing in the new row and adding the fact that the font color is white and the background is white also, it is completely invisible.
Can someone tell me how to fix this problem?
Thank you
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
-
Thank you for the information, but it's not enough to provide a solution. I need to see your website and see the code that is loading on your page, and check to see if there are any errors. If you can put the website online somewhere so I can look at it that will be the only way I can offer any advice.
IE - don't use min-width. There isn't any way to make it work because the browser does not support that property.
If you need our assistance with this, we need to see your website, there just isn't any other way for us to help with issues like this. - The difficult we do immediately, the impossible takes a little longer.
-
-
-
- Rreze
- Newbie
- Posts: 7
- Thanks: 0
-
Hi there,
I don't understand why the same code is looking fine on IE when it's online! In the local server the same one is looking as shown in the image I've sent you earlier.
What about IPAD?
The menu looks fine on the online site on IPAD as well. When I view the site on local server (IPAD), it has the problem I described in my previous email.
Why is this happening?
Thank you. - Last Edit: 12 years 2 months ago by Rreze.
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
-
It has to be something with the way your local server or environment is set up. If it works on one server but not the other, that rules out the template or code as the cause, and points to the server as being the issue. The code is the same, only the environment has changed.
Unfortunately, there is no way for me to see what is happening on your local. I would look at the PHP settings on your live server and compare them with the settings on your local. Look in the PHP settings in Joomla or get a phpinfo output for each and start looking for differences. That's all I can suggest you try. - The difficult we do immediately, the impossible takes a little longer.
-
Time to create page: 0.064 seconds