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

braindeadave’s picture

I 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.

goody815’s picture

Assigned: Unassigned » goody815
Status: Active » Needs review

hi 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.

grobe’s picture

I 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:

<!-- content group: width = grid_width - sidebar_first_width - sidebar_second_width -->
<div id="content-group" class="content-group region nested " style="width:100%"">

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:

grep -n "content-group region neste" *.*
page.tpl.php:61: <div id="content-group" class="content-group region nested <?php print $content_group_width; ?>">

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.

goody815’s picture

grobe,

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.

grobe’s picture

Hi 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.

goody815’s picture

Lars,

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;
}

grobe’s picture

goody,

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.

goody815’s picture

No 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

esmerel’s picture

Assigned: goody815 » aquariumtap