Gantry 4 Fusion Menu Icon not displaying from CDN
-
-
- Steven Johnson
- Sr. Rocketeer
- Posts: 183
- Thanks: 2
-
I have a site built in Joomla 2.5 / Gantry 4 / Default Gantry Template
jbeginner.com/
When I enable the NoNumber CDN for Joomla the menu drop down arrows do not display correctly
Arrows Display Correctly
This image is hidden for guests.
Please log in or register to see it.
Arrows do not display correctly
This image is hidden for guests.
Please log in or register to see it.
I think it may have to do with this line:
.menutop li.parent.root .item .daddyicon:before { content: "\f078"; }
Here is the fusionmenu css file on the CDN
cdn.jbeginner.com/templates/gantry/css-compiled/fusionmenu.css
Any thoughts why this might be happening?
Thanks! -- Steven - never follow a hippie to a second location.
Joomla Hosting Reviews
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
-
Hello Stephen,
The CSS that you cite is correct and should be included to create the Chevron icon. The question is why is the icon missing or broken when you load NoNumber CDN. Can you enable it again so I can see the site when the error occurs? - B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- Steven Johnson
- Sr. Rocketeer
- Posts: 183
- Thanks: 2
-
K the CDN is back on and I have updated CDN for Joomla to the latest version 3.0.1
http://jbeginner.com/
Thanks! -- Steven - never follow a hippie to a second location.
Joomla Hosting Reviews
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
-
Thanks Stephen. It looks like the icons are still displaying correctly.
This image is hidden for guests.
Please log in or register to see it.
Which browser/OS are you using when you see the problem? - B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- Steven Johnson
- Sr. Rocketeer
- Posts: 183
- Thanks: 2
-
I am on a Mac
The arrows do not display in FF
The arrows do display in Chrome.
When I get back to my office I will test Windows.
Thanks -- Steven - never follow a hippie to a second location.
Joomla Hosting Reviews
-
-
-
- Steven Johnson
- Sr. Rocketeer
- Posts: 183
- Thanks: 2
-
Results when viewing on Windows (Well windows running in VMWare on a Mac)
IE 9 no Chevron icons
FF no Chevron icons
Chrome Chevron icons display.
Hope this helps. - never follow a hippie to a second location.
Joomla Hosting Reviews
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
-
Hi Steven,
I'm still not clear on what the problem is but Prim (another Moderator) suggested re-saving the CSS file in utf-8. Basically that ensures it is encoded correctly. - B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- Steven Johnson
- Sr. Rocketeer
- Posts: 183
- Thanks: 2
-
I will try that.
I think the problem has to do with FireFox and the CDN the fact that it displays fine on chrome tells me that the information is getting there it is just the FF and IE are not reading it correctly.
I will also follow up with the NetDNA (the cdn) and NoNumber to see if they have seen this issue before.
Thanks! -- Steven - never follow a hippie to a second location.
Joomla Hosting Reviews
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
-
Another thing one of our developers pointed out is that FontAwesome isn't being loaded in Firefox. I traced the break in code down to this file:
cdn.jbeginner.com/templates/gantry/css-c...04e55be915872cb9.css
not loading line 8100.
I believe this is another symptom of the problem and not the cause seeing that the line exists in Chrome but may be helpful in the continuing investigation. - B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- Steven Johnson
- Sr. Rocketeer
- Posts: 183
- Thanks: 2
-
Thanks so much for the post, it really helped me understand the problem.
I also posted at the NoNumber CDN forum and Peter said that many cdn providers have a hard time with Font Faces and stylings.
Here is his solution to the issue:
http://www.nonumber.nl/extensions/cdnforjoomla/faqs#2_How-can-I-keep-using-font-face-styles-when-using-a-CDN
I found that NetDNA has this solution:
http://www.bootstrapcdn.com/
So here is the solution I came up with:
so I added this line to the first line of gantry-custom.css:@import url("//netdna.bootstrapcdn.com/font-awesome/2.0/css/font-awesome.css");
If the issue is with the CDN provider then this seems to be the solution that requires the least amount of code updates and keeps me from having to modify files when I update to newer versions of gantry.
Any reason this is a bad idea?
Do you think this will effect performance?
Can you think of a cleaner better performing solution?
Thanks! -- Steven - never follow a hippie to a second location.
Joomla Hosting Reviews
-
Time to create page: 0.058 seconds