Solved

Safari CSS problem

Posted on 2013-06-21
7
589 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
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Html form and modal / img src -problem 3 31
Copying table data to one another 15 31
2 separate CSS animations 2 17
href return to normal window 5 13
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Find out what you should include to make the best professional email signature for your organization.
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…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

828 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