I have Omega 7x 3.1 installed and a sub theme created. The icons upload fine but are cut off at the top and bottom. I've attached a screen shot of the problem and the graphic file that was uploaded (interstate_background_small.png which is 38 x 34 px.

I know little about CSS, so it would be unhelpful to respond use Firebug to find the problem. - I don't know where to start!

It appears that the menu icons are being cropped to the same height as the text

My question is, it this the default behaviour of menu icons to cut the image top and bottom? If not is it an Omega theme issue or is it a menu icons issue.

Any help in getting the correct size icons to appear would be appreciated

CommentFileSizeAuthor
interstate_background_small.png1.93 KBD7webservices
menu icons problem.png37.14 KBD7webservices
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Anonymous’s picture

Anonymous (not verified) CreditAttribution: Anonymous commented

same issue for me using responsive bartik, plus the image is not replacing the menu text.

Sborsody’s picture

Sborsody CreditAttribution: Sborsody commented

I see this in an old zen 6.x-2.1 based subtheme.

Sborsody’s picture

Sborsody CreditAttribution: Sborsody commented

Here's a simple solution from #975512: Icons height = Font Size / CSS question. I added a "display: block;" line to menu_icons_css_item.tpl.php then cleared the cache. Note that you wouldn't float left unless your menu displays inline.

Ball_____’s picture

Ball_____ CreditAttribution: Ball_____ commented

Possible solution to image height. This is only if you do not need text to go with it.

for Omega 5 theme: global.css

.menu {
font-size: 100px (or any size you need);
}

this my first attempt at theming so please dont bash me to hard.

Respectfully,
Ball

Anonymous’s picture

Anonymous (not verified) CreditAttribution: Anonymous commented
Version: 7.x-3.0-beta3 » 7.x-3.x-dev

in main tabs of bartik theme the text is hidden, but the icon doesn't appear at all. any help?

deanflory’s picture

deanflory CreditAttribution: deanflory commented

I get the same thing using AdaptiveTheme custom subtheme on regular menus but it's fine with Superfish menus out-of-the-box with the default style setting.

I haven't yet gotten around to theming this one out, but maybe just a min-height: 32px on menus would work to match the icon size as it's a background image not an img tag that would push open an area, all without limiting the height to single or multiple text line menu items or getting caught up in various responsive text sizes.

Setting display: block certainly won't hurt and would be expected to be in place.