The secondary menu doesn't look like it should. I can't find it in the css. I changed the colors around here:

#header_menu ul li a {
color: #666;
display: block;
padding: 7px 3px;
text-decoration: none;
width: 274px;
}

#header_menu ul li a:hover {
color: #000;
}

But there were no changes.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

israelshmueli’s picture

Strange,

Did you find yourself need to modify page template file (page.tpl.php)?

It is had to tell without a look in the HTML source, but It seems that this menu markup don't get the proper drupal's/fontfolio's css classes.
Can you attach this page "view source" html code?

racheljcox’s picture

FileSize
6.21 KB

No, I didn't touch page.tpl.php.

This is the code. It looks like the style is "last leaf", which I searched in all the CSS files for and couldn't find anywhere.

File attached. Thanks!

israelshmueli’s picture

Thanks, I fixed this problem in a new fontfolio version: 7.x-2.6
You can download the new one or just modify your current fontgolio.css stylesheet as explained below.

Details:
You are right about the "guilty" style rule. The "leaf" class on LI element.
The relevant styles come from core's css file: /modules/system/system.menus.css

But, this class is not present in source file you attached, so we can assume it somehow added by JavaScript.

Anyway, I created another version to fix this edge case.
In version 7.x-2.6 I added more "reset" rules to #header_menu LI element

On line 515 was:

#header_menu ul li {
  margin: 0;
}

And changed into:

#header_menu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
israelshmueli’s picture

Status: Active » Fixed
israelshmueli’s picture

Status: Fixed » Active
racheljcox’s picture

Hi. Sorry it took me so long to get back to this issue.

I made the CSS change as suggested and it didn't work. The styling remains the same.

However, I realize (since every day I work on this I learn something new) that perhaps I have been doing the wrong thing, or explaining this incorrectly.

I am having trouble with the navigation and user menus. I have been assuming the menu on the demo page that says "VESSEL SINKS, MUGS, TYPOGRAPHY" is the navigation menu. What block am I supposed to put it in, to make it appear like the demo site? This is the menu that is displaying as a list, with black-outlined bullets.

Second question- where can I put the USER menu so it doesn't bother me while designing? I disabled it, but it is still showing up under the SEARCH block. If I put the NAVIGATION menu in the SEARCH block, it pushes the black line down and the USER LOGIN appears overlapping the navigation links.

Thanks!