Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Instead of there being a black bar across where the main menu is, it's just a shade of grey. Moving the mouse over a menu item does not change the colour.
Comments
Comment #1
braindeadave CreditAttribution: braindeadave commentedI would like to add that I installed the superfish module separately and used that for the main menu block; however I still got the same result.
Everything works fine in Firefox though...as always.
Comment #2
goody815 CreditAttribution: goody815 commentedhi braindeadave,
i think this is related to this issue http://drupal.org/node/1184114. I've added the css for this region to the file. I'm reviewing it and then I can commit it. You should be able to take the css from that issue and place it in your local.css in the meantime.
Comment #3
grobe CreditAttribution: grobe commentedI observe the same menu bar color problem with Safari, plus I have my main menu links not displaying. On Firefox 5 everything is as expected - unless I switch on page cache. You can try and check the page (page cache is switched off, so menu links appear in Firefox):
http://www.larsgrobe.com
w3c's validator gives me error messages indicating that some of the div tags may not be properly closed:
http://validator.w3.org/check?uri=http%3A%2F%2Flarsgrobe.com&charset=%28...
Maybe this is the reason for the display error?
Cheers, Lars.
Edit (26/06/2011 19:44CEST):
I am trying to track the bug... I switched of css aggregation and got pointed to a line by the validator. That one reads:
So there is an extra quotation mark at the end of the style attribute. The lines seams to origin from line 61 of page.tpl.php:
This seams to be at least one troublemaker here, and my guess is that this is the reason for the buggy main menu, too.
Cheers, Lars.
Edit (26/06/2011 19:44CEST):
I manually fixed the two lines from page.tpl.php by deleting the quotation mark and the name attribute and get valid xhtml now. The links still don't show up in the main menu when displayed in Firefox and Safari.
Comment #4
goody815 CreditAttribution: goody815 commentedgrobe,
take a look at the css i posted. put this in your local.css file. your primary menu should display properly with it. I will add this to the next commit to the theme. This is a duplicate from the issue I linked to in post #2.
Comment #5
grobe CreditAttribution: grobe commentedHi goody,
I created a file local.css with the code from the thread you mentioned. Still, main menu links except the home link simply do not display at all in Safari but properly show up in Firefox. Did you try and have a look at my site's start page using the two browsers? I have no clue what is happening as I do not get any error messages.
Cheers, Lars.
Comment #6
goody815 CreditAttribution: goody815 commentedLars,
I check the site...then i checked my post. I posted an example for the header-top-wrapper (which is needed too but not for the main menu). Add this to the local.css file, clear your cache and let me know if that works for you.
.main-menu-wrapper {
background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.9) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
background-color: #FFFFFF;
border-bottom: 5px solid #a9a9a9;
}
Comment #7
grobe CreditAttribution: grobe commentedgoody,
shame on me, really - I had a bug in my content's language settings leading to menu items being hidden. Nothing related to the theme at all!!!
Besides, did you take over the xhtml-fixes I mentioned above? These were small changes leading to xhtml validation success. At least one reasonable contribution I did to this thread :-(
Cheers and sorry for messing up this,
Lars.
Comment #8
goody815 CreditAttribution: goody815 commentedNo worries Lars,
glad the menu is working for you.
Can you open a different issue for the validation errors? It makes it easier to track and make corrections that way.
Thanks,
Chad
Comment #9
esmerel CreditAttribution: esmerel commented