Hi, I have a horizontal nice menu positioned on the left side of the header of my page. There is a horizontal line appearing directly to the right of the menu and extending all the way across the page (image attached - the header background is red to illustrate the problem). Does anyone know why this is happening? Thanks!

CommentFileSizeAuthor
Picture 1_0.jpg35.42 KBmcrane

Comments

basicmagic.net’s picture

basicmagic.net commented

hi mcrane-

did you find a fix for your issue, above?
its related to the default css style sheet for nice menus-
and how its interpreted by some browsers.

i have eliminated the same line that you have, by messing around
with the style sheet for nice menus-

and carefully removing / changing some of the elements that
called for a top border.

let me know if you need any more help or info...

thanks-
vincent

mcrane’s picture

mcrane commented

hi vincent,

thanks for your suggestion! i will try messing with the top borders...

megan

jakeg’s picture

jakeg commented
Status: Active » Closed (fixed)

This is due to the theme bluemarine setting:

.block {
  border-bottom: 1px solid #bbb;
}

... use a different theme to bluemarine or delete this line from bluemarine.

It cannot be overriden in nice_menus.css as it gets included before bluemarine's style.css.

faqing’s picture

faqing commented
Title: Horizontal line next to nice menu » Hide menu title for other themes
Assigned: Unassigned » faqing
Category: support » bug
Status: Closed (fixed) » Active

Nice menu works fine with theme bluemarine, however for other themes, nice-menu show the menu title, to sovle this problem, add the following to nice_menus.css

/* Hide nice-menu-hide-title */
.nice-menu-hide-title {
display: none;
}

nels’s picture

nels commented
Status: Active » Closed (fixed)

After encountering this problem on my custom theme, I re-read the page source and nice_menus style...

it appears that the Nice_Menus stylesheet is including a style not used :

/* need this to enable hidding inner span */
...
.block-nice_menus h2.title .nice-menu-hide-title {
display: none;
}

My solution (which has worked for me) is to remove the .title

nels’s picture

nels commented

After re-reading the question and looking at the picture, jakeg is right (although my post above is pertinent to the nice-menu title situation).

You should be able to remove this extra line/rule by adding the following to nice-menus.css or your prefered theme's style.css:

.block {
  border-bottom: 0px;

which will remove the bottom border from ALL blocks.

Either of the following class ids should work for ONLY the Nice Menus block:

.block block-nice_menus
- or -
.block-nice_menus

This isn't really a bug, but a theme issue. The wrong class-id in the nice-menus.css is a bug.

durum’s picture

durum commented
Status: Closed (fixed) » Needs review

Solutions like

/* Hide nice-menu-hide-title */
.nice-menu-hide-title {
display: none;
}

are not good, because it still shows the <h2> element there which covers some space and ends up in ugly view. But if I am not using my custom theme, the <h2> element is not displayed. So there must be something else the Garland theme does with Nice Menus. Does anybody has an other idea?

add1sun’s picture

add1sun commented
Status: Needs review » Closed (fixed)

You should probably look at how Garland is displaying block titles. That difference would be in Garland and not have anything to do specifically with Nice menus.