Hey guys, having problems with my main menu when viewing it with Safari.
This is the custom CSS I’m using:
.html_header_top.html_bottom_nav_header .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: white; background: #2d5c88 !important; }
.html_header_top.html_bottom_nav_header .header_color .main_menu .menu ul li a:hover {color: #ffffff !important; background: #2d5c88;}
.html_header_top.html_bottom_nav_header .header_color .main_menu .menu a:hover {color: #ffffff !important; background: #e51837;}
The website is HNIBonline.com. I am using Mac OS X 10.6.8 and Safari 5.1.10.
Hey Jamie!
Have you tried removing your custom css and then using the new advanced styling to set your colors instead? The css you have now should and seems to work on my end but the new options might make it easier for you to change and will output the css as Kriesi wrote it which might help any issues you are encountering.
Best regards,
Devin
Hi Devin,
Thanks for getting back to me. Just to confirm, does my custom CSS work for you on Safari 5.1.10? It works for me on Chrome, but Safari seems to be the current issue.
I removed my custom css and tried using Advanced styling to give my sublevel menu links a mouse-over font color of #ffffff and a background color of #2d5c88 but it still doesn’t work when viewed in Safari. Also, it doesn’t allow me to make the sublevel menu links the Bitter font, but I would like.
Let me know if you have any ideas!
Hey!
Can you post a screenshot of the issue from your end?
I could only test your website in Safari 6 and 7 and it looked the same that in Chrome.
Regards,
Josue