Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
I am using the menu icons module with Drupal 6.4 and would like to display the icon without the navlist text link. Where do I put this code from the post above to get it working?
Hi Skilip, thanks for replying to me post all that time ago.
I have now got the site I am developing with the menu icons module online at www.sha-creations.com
I do not know where in the style.css to place the code.
The menu I am using is a navlist, I have attached the style.css I am using. I am confused about whether to put the code in the header elements section, head section where the navlist values are, or the menu section of the stylesheet.
sorry for reopening this..
i'm trying to hide my primary menu text but it seems that the code above gets overriden by code in the danland theme.. any ideas before i start ruining things?
thnks
Hi Vicky...
same here... in my case was the solution:
a.menu_icon span {
display: none;
}
because i spends all my menu listlinks with a template-override the span-tag...
Should I open up a new issue if this is closed? I have the same problem. Using Beach theme and can't get rid of the menu text. Am applying it to my stylesheet correctly. Tried all above options. Still not working. Using Firefox and Safari.
I will add that I got this error when running updates after installing Menu_Icon.
The selected file /Applications/acquia-drupal/tmp/php/file70Y0ly could not be uploaded, because the destination is not properly configured.
so an empty file: file70Y0ly was created in the tmp/php folder. I presumed it was because the images folder in menu_icon/images wasn't added yet and this file was supposed to go into the images folder? In any case, I didn't move any files or change anything. just created images folder inside sites/all/modules/menu_icons/images/default_icon.png
Comments
Comment #1
skilip CreditAttribution: skilip commentedHey jdblank,
It is definitely possible with CSS. Something like this:
.menu-item {
display: block;
overflow: hidden;
padding-left: 100%;
}
Comment #2
jdblank CreditAttribution: jdblank commentedcool. thanks!
Comment #3
Even Dawn CreditAttribution: Even Dawn commentedHi,
I am using the menu icons module with Drupal 6.4 and would like to display the icon without the navlist text link. Where do I put this code from the post above to get it working?
.menu-item {
display: block;
overflow: hidden;
padding-left: 100%;
}
Thanks alot!
Comment #4
skilip CreditAttribution: skilip commentedHi Even,
best place to put this style is in your theme's styles.css.
Comment #5
skilip CreditAttribution: skilip commentedComment #6
schmoell CreditAttribution: schmoell commentedFWIW it is
.menu_icon {
display: block;
overflow: hidden;
padding-left: 100%;
}
and will also fix issues with themes, where the icon gets clipped.
Thanks for the nice work !
Comment #7
skilip CreditAttribution: skilip commentedThis should be placed in README.txt
Comment #8
Even Dawn CreditAttribution: Even Dawn commentedHi Skilip, thanks for replying to me post all that time ago.
I have now got the site I am developing with the menu icons module online at www.sha-creations.com
I do not know where in the style.css to place the code.
The menu I am using is a navlist, I have attached the style.css I am using. I am confused about whether to put the code in the header elements section, head section where the navlist values are, or the menu section of the stylesheet.
Thanks for your help!
Even
Comment #9
Even Dawn CreditAttribution: Even Dawn commentedComment #10
crosputni CreditAttribution: crosputni commentednotice above that schmoell corrected this---
instead of
.menu-item
you need to use.menu_icon
Comment #11
Even Dawn CreditAttribution: Even Dawn commentedok crosputni, thanks for that code correction...
i'm still not 100% sure on where in the style.css the snippet should go, is it meant to be grouped with the other navlist settings?
Comment #12
crosputni CreditAttribution: crosputni commentedWhat do you mean by "grouped"? It should work fine if you put it anywhere in the style.css file.
Comment #13
SuperZambezi CreditAttribution: SuperZambezi commentedI added this code to my styles.css and nothing has changed. I am using the Blue Curve theme.
.menu-icon {
display: block;
overflow: hidden;
padding-left: 100%;
}
Any help would be great. Thanks. :)
Comment #14
skilip CreditAttribution: skilip commented@SuperZambezi: it should read .menu_icon {....
I've added this to README.txt.
Comment #16
vickymos CreditAttribution: vickymos commentedsorry for reopening this..
i'm trying to hide my primary menu text but it seems that the code above gets overriden by code in the danland theme.. any ideas before i start ruining things?
thnks
Comment #17
Ausnahmezustand-1 CreditAttribution: Ausnahmezustand-1 commentedHi Vicky...
same here... in my case was the solution:
a.menu_icon span {
display: none;
}
because i spends all my menu listlinks with a template-override the span-tag...
Comment #18
calefilm CreditAttribution: calefilm commentedShould I open up a new issue if this is closed? I have the same problem. Using Beach theme and can't get rid of the menu text. Am applying it to my stylesheet correctly. Tried all above options. Still not working. Using Firefox and Safari.
I will add that I got this error when running updates after installing Menu_Icon.
The selected file /Applications/acquia-drupal/tmp/php/file70Y0ly could not be uploaded, because the destination is not properly configured.
so an empty file: file70Y0ly was created in the tmp/php folder. I presumed it was because the images folder in menu_icon/images wasn't added yet and this file was supposed to go into the images folder? In any case, I didn't move any files or change anything. just created images folder inside sites/all/modules/menu_icons/images/default_icon.png
Comment #19
Kurt Adamson CreditAttribution: Kurt Adamson commentedIF anyone else is still trying to get this to work and the instances above aren't working try
a.menu_icon
{
display: hidden;
overflow: hidden;
padding-left: 100%;
}
Thinking some people are missing the "a".
Comment #20
bryancasler CreditAttribution: bryancasler commentedAny possibility of this becoming a baked in option for the D6 and D7 branches?
Comment #21
eiland CreditAttribution: eiland commentedFor what its worth, I used in conjunction with nice menus
Comment #22
alviSic CreditAttribution: alviSic commentedActually in menu_icons module configuration you can check check-box which says "Hide menu titles if icon is present".
It hides menu titles.
Comment #23
narco CreditAttribution: narco as a volunteer commented