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.

CommentFileSizeAuthor
#2 page_source.html_.zip6.21 KBracheljcox
Screen shot 2013-06-27 at 10.10.15 PM.png14.66 KBracheljcox

Comments

israelshmueli’s picture

israelshmueli commented

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

racheljcox commented
StatusFileSize
new page_source.html_.zip6.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

israelshmueli commented

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

israelshmueli commented
Status: Active » Fixed
israelshmueli’s picture

israelshmueli commented
Status: Fixed » Active
racheljcox’s picture

racheljcox commented

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!