Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Safari CSS problem

Posted on 2013-06-21
7
Medium Priority
?
611 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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 2000 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

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

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

Find out what you should include to make the best professional email signature for your organization.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

715 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