CSS issue in the header because of specific menu integration
Previously I was integrating the “nav” div in the header for design purposes.
With the latest version of the Graphene Theme, when I try to do it the sub menus disappear below the end of the header.
I hope my explanations are clear enough. Which piece of CSS should I add or change to correct it ?
Notice that I have a similar issue when integrating the Uber Mega Menu plugin in the header using the appropriate action hook.
Thanks in advance.Mod
I hope my explanations are clear enough
Not really. How were you “integrating” the nav div in the header? For what design purposes? INW—what were the effects you were going for? It may be possible to achieve the same effect without hacking into the theme’s files, which you should never do. (Use a child theme instead.)
Please include a link to your site.
Ok thank you for your reply. The website is http://www.gollnisch.com
The aim is to integrate the nav in the header using a transparent background so the red color comes from the header image. As a result the person on the right is over it.
Here you can see what the issue is with the latest version of the grapheme theme. http://www.gollnisch.com/issue-with-menu.png
AnonymousJune 14, 2012 at 3:32 pm #29297
Try this. Increase z-index value until you see the menu over the header image.
Thank you Prasanna for your help but it doesn’t solve the problem. In the screenshot I’ve given it is voluntary that the menu is “too high”. It is done like this for testing to demonstrate that the submenues are not displayed over the content of the website.
AnonymousJune 14, 2012 at 3:48 pm #29299
Did you hack the theme core?
AnonymousJune 14, 2012 at 4:01 pm #29303
The theme has gone through a lot of changes from 1.6.X to 1.7.2. Header image has a class now, menu is wrapped in
You are using an older version of Graphene. So, the above custom CSS I’ve given might not work..
You can see the change log here. – https://forum.graphene-theme.com/documentation/changelog/
- You must be logged in to reply to this topic.