Hide menu title for other themes
mcrane - July 17, 2006 - 21:36
| Project: | Nice Menus |
| Version: | 4.7.x-1.x-dev |
| Component: | Miscellaneous |
| Category: | bug report |
| Priority: | normal |
| Assigned: | faqing |
| Status: | closed |
Jump to:
Description
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!
| Attachment | Size |
|---|---|
| Picture 1_0.jpg | 35.42 KB |

#1
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
#2
hi vincent,
thanks for your suggestion! i will try messing with the top borders...
megan
#3
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.
#4
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;
}
#5
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 :
My solution (which has worked for me) is to remove the .title
#6
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.
#7
Solutions like
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?#8
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.