January 6, 2014 at 5:38 am #8628Anonymous
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!January 6, 2014 at 10:54 am #41658Kenneth John OdleModerator
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:January 20, 2014 at 5:16 pm #41659
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?January 20, 2014 at 6:38 pm #41661Kenneth John OdleModeratorQuote: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.January 20, 2014 at 6:50 pm #41662
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.January 20, 2014 at 6:55 pm #41663
I took my successful child theme CSS, copied it to the right folder, and changed the name and this time it worked. The file looks exactly like the other 6 times I’ve tried. But at least it’s working now.January 24, 2014 at 4:24 pm #41664LukoMember
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.