Firefox not rendering menu arrows properly
AnonymousJanuary 6, 2014 at 5:38 am #8628
I love the Graphene theme! However, after I recently updated the theme version, Firefox v26.0 doesn’t show the drop down arrows in the menu any more on my website. Instead, Firefox now displays a strange character that looks like a square with “F4 31” text inside. I am using a child theme, so perhaps could there be an incompatibility between my original child theme and the new version of the Graphene parent theme?
The problems sounds similar to this one but I’m not using Graphene Mobile.
For example, see Training Events and About Us menus on my website: http://www.hadoopwizard.com
Thank you in advance for any help or guidance on how to fix this on my site.
Kudos for your awesome work on the Graphene theme!Mod
Your child theme is set up incorrectly. You have:
Try changing that to
If that doesn’t work, try disabling plugins to rule out a plugin conflict. If not, try these steps:
I have same issue (tried in 2 browsers). No plug-ins. I just installed the theme 2 days ago. I made a child theme. When I followed the instructions for the child theme to the letter, it showed up on my themes page as “broken” because it didn’t have a stylesheet and I “needed to install the Graphene theme,” even though it’s installed. I tried several times. Then I simply took the graphene style sheet and copied it to the child directory and changed the header appropriately to indicate it was a child sheet. Code is therefore identical. Everything else looks and acts the same, but I still get the squares.
What is the CSS for the arrows?ModQuote:I simply took the graphene style sheet and copied it to the child directory and changed the header appropriately to indicate it was a child sheet. Code is therefore identical. Everything else looks and acts the same, but I still get the squares.
This will break things. You should only include the code that you need to change in your child theme style sheet.
Yeah, I know. I’ve completely uninstalled and reinstalled the Graphene theme and recreated my child theme from scratch, and I keep getting this, despite having the parent theme installed:
The following themes are installed but incomplete. Themes must have a stylesheet and a template.
child-graphene The parent theme is missing. Please install the “Graphene Version: 1.9.2” parent theme.
The ONLY way I can get the child theme to display properly is by making a duplicate. I successfully made a child of another theme with no problems, so the problem seems to be with Graphene and not with my coding, browsers, or WordPress. There are no plug-ins yet.
Or you mess’t up @font-face for genericons in main theme style.css, or you have duplicate entry in child theme style.css.
Anyway, you don’t have child theme installed as far as I see.
Try to download the theme and replace style.css with original one.
There must be this in main theme style.css before reset codes:
src: url("fonts/genericons/genericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/genericons/genericons-regular-webfont.woff") format("woff"), url("fonts/genericons/genericons-regular-webfont.ttf") format("truetype"), url("fonts/genericons/genericons-regular-webfont.svg#genericonsregular") format("svg");
In Firefox, go to Tools, Options, Content. In Fonts & Colors, go to Advanced. Check “allow pages to choose their own fonts….” That took care of it for me.
You must be logged in to reply to this topic.