Solved

Safari CSS problem

Posted on 2013-06-21
7
552 Views
Last Modified: 2013-07-04
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
0
Comment
Question by:billium99
  • 3
  • 2
  • 2
7 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39266000
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
 
LVL 1

Author Comment

by:billium99
ID: 39266440
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
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39267283
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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 1

Author Comment

by:billium99
ID: 39267332
So your advice is: "Learn CSS. Fix your problem yourself."


Any other experts willing to target my menu problem?
0
 
LVL 6

Expert Comment

by:lightspeedvt
ID: 39279857
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
 
LVL 1

Author Comment

by:billium99
ID: 39284815
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
 
LVL 6

Accepted Solution

by:
lightspeedvt earned 500 total points
ID: 39284969
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

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now