Wierd Problem with dropdown menu item width greater than 340 (3 posts)

  1. Greybox
    Posted 2 years ago #

    When I make the width of the dropdown menu greater than 340 px, I start seeing the part of grey icons of a man, dollar sign and the equal sign on the left side. I identified the image as a part of wordpress/wp-content/themes/graphene/images/sprite_master.png. The greater the width, the more of the image is exposed. Unfortunately I can't keep it this way for a long time.

    The web site URL is http://www.nautilus-intl.com

    How can I troubleshoot this problem?

  2. Greybox
    Posted 2 years ago #

    ... The image is actually Creative Commons license logo, most likely taken from wordpress/wp-content/themes/graphene/images/sprite_master.png.

  3. Greybox
    Posted 2 years ago #

    Looks like a mapping problem in style.css:

    #header-menu > li.menu-item-ancestor > a {
    	background: url(images/sprite_master.png) -877px -236px no-repeat transparent;
    	padding-left: 26px;

    and maybe the way to resolve would be to move the ">" symbol in sprite_master.png to a different spot. Otherwise the biggest area the menu item can take is about 323 by 58 px without rolling on other "sprites".

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic