Safari CSS problem

Hello,

I have a Joomla site nearing completion but I just noticed in Safari that my top menu mouse over seems to be misaligned, as I can't mouse down to the sub menu that pops up. IE, FF, Opera, Chrome all seem fine, but Safari can't keep the submenu persistent. Anyone have any idea why? Or how to fix in Safari?

Thanks

http://www.coloradoweb3.com

Bill
LVL 1
billium99Asked:
Who is Participating?
 
lightspeedvtCommented:
So, as I understood - you had tested the initial source version that you bought and it already had a bug. Coming from their demo - they don't have bug inside the release at demo. Version of Joomla can't influence onto those bug. So, the most first thing is to take the CSS code of navigation menu from their demo and place it to the initial source version that you have from them.

Download: http://demo.rockettheme.com/joomla/cerulean/templates/rt_cerulean/css-compiled/menu-702cb8d6b3129d7ba782074cc09075f8.css

And place it to source. After that test it under safari to see if bug issue is solved.
0
 
COBOLdinosaurCommented:
You need to start by validating the page and cleaning up the structural errors.  Putting block element inside of inline elements will cause unpredictable rendering in modern browsers.

cleaning it up might solve the problem, if not we can dig further into it, but safari is very picky about markup being valid.

Cd&
0
 
billium99Author Commented:
Hmm - I'm not strong in CSS - validator barfs up all kinds of errors related to this template being responsive. Outside of that, I'm not sure where to focus. I appreciate clean markup, but I'm under the gun to resolve this browser-specific problem with the menu bar. Anyone have a guess where to focus?

Thank you
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
COBOLdinosaurCommented:
I'm under the gun to resolve this browser-specific problem with the menu bar

Allthe more reason to clean up the code so change will reflect correct and you can see what you are doing instead of stumbling around in a foggy mine field.  Even if you find some kind of patch or hack; the state of the page will leave you without any guarantee that it won't get broken with the next release of any browser; or that it won't crumble with the next change you do.
0
 
billium99Author Commented:
So your advice is: "Learn CSS. Fix your problem yourself."


Any other experts willing to target my menu problem?
0
 
lightspeedvtCommented:
Those bug had appeared once you modified the theme?

For example, I am checking theme at:
http://demo.rockettheme.com/?template=cerulean
and it works properly under Safari. So, check the theme that you bought and find out if it already had bug. If yes - you need to re-download the theme and update all js/css files connected with navigation menu.
0
 
billium99Author Commented:
Thanks Lightspeed - in fact I did do this already. Their demo is not using the latest version of Joomla or the latest version of their own rocksprocket code, etc. Rockettheme has acknowledged this problem, but they did that in February, and still no solution in sight. I'm told it works OK in Safari 6 (Which I don't have since they didn't make a Windows version of it) and I think Rockettheme has moved this to the backburner. They continually release updates to many templates, but this fix never makes it in.

That's when I came to the Experts!

Any ideas what Rockettheme will eventually need to do to address this?

=)

Bill
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.