Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Magento top menu problem! 
 
fluxxixx
Jr. Member
 
Total Posts:  17
Joined:  2010-12-25
 

I have a irritating problem with the top menu of my magento theme.
I\’ve added a screenshot of the problem in attachment.
I want to remove the line thats enclosed.

Link to the website: bit.ly/kiefgs

CSS menu code:

.wrapper-top-menu{ margin-bottom:5px;}
.wrapper-top-menu .border-top {background:url(../images/border_top.gifrepeat-x top #; width:100%;}
.wrapper-top-menu .border-bottom {background:url(../images/border_bottom.gifrepeat-x bottom ;  width:100%;}
.wrapper-top-menu .border-left {background:url(../images/border_left.gifrepeat-y left #76817d;  width:100%;}
.wrapper-top-menu .border-right {background:url(../images/border_right.gifrepeat-y right;  width:100%;}
.wrapper-top-menu .corner-top-left {background:url(../images/corner_top_left.gifno-repeat left top;  width:100%;}
.wrapper-top-menu .corner-top-right {background:url(../images/corner_top_right.gifno-repeat right top;  width:100%;}
.wrapper-top-menu .corner-bottom-left {background:url(../images/corner_bottom_left.gifno-repeat left bottom;  width:100%;}
.wrapper-top-menu .corner-bottom-right {background:url(../images/corner_bottom_right.gifno-repeat right bottom;  width:100%;}
.wrapper-top-menu .fright{ width:665px;}
.wrapper-top-menu .fleft{ width:224px;}

.form-search .button, .form-search label{ display:none;}
.form-search{ background:url(../images/bg_search.gif11px 9px no-repeatheight:44px;}
.form-search .input-text{ margin:12px 0 0 15pxborder:nonebackground:nonefont-family:Tahomacolor:#9ba0a6; font-size:11px; width:157px;}
.welcome-msg{ display:nonefloatright;}

/********** < Navigation */
#nav { font-size:11px;}

/* All Levels */
#nav li { text-align:left; position:relative; border: 0;}
#nav li.over a {color: #000000;}
#nav li.over {z-index:2; color: #000000;

background-color#ffffff;
            
padding0px;
text-aligncenter;

}

#nav li ul li.over {border: 0; text-align: left; background: none; margin: 0; color: #000000;}
#nav li.parent {}
#nav li a { display:block; text-decoration:none; background:url(../images/top_menu_separator.gif) top right repeat-y;}
#nav li a:hover { text-decoration:none; color: #000000;}
#nav li a span { display:block; white-space:nowrap; cursor:pointer;}
#nav li ul a span { white-space:normal; }



/* 1st Level */
#nav li { float:left; }
#nav li a { float:left; padding:12px 17px 14px 17px; font-weight:bold; color:#ffffff; }
#nav li a:hover { color:#000000; }
#nav li ul:hover {color: #000000;}
#nav li ul li.over a,
#nav li ul li.active a { color:#000000;}
#nav li ul li, #nav li ul li.over {padding: 2px 0 2px 10px;}
#nav li ul li.over:hover {background: #d9e1de;}

/* 2nd Level */
#nav ul {position:absolute; width: 200px; top:37px; left:-10000px; margin-top: 5px; padding-bottom:6px; padding-top:1px; background: #ffffff bottom left no-repeat; 

                    
padding0px;
text-aligncenter;



color#000000;



}
#nav ul li { float:none; background:#ffffff;border: 0;}
#nav ul li.last { border-bottom:0; }
#nav ul li a { float:none; padding:3px 9px; border: 0; font-weight:normal; color:#000000 !important; background:none; font-weight:normal;}
#nav ul li a:hover { color:#000000 !important; }
#nav ul li.active > a,
#nav ul li.over > a  {font-weight:normal; color:#000000 !important; border: 0;}

/* 3rd+ leven */
#nav ul ul { top:7px; }

/* Show Menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }
/********** Navigation > */
Image Attachments
Problem Magento.png
 
Magento Community Magento Community
Magento Community
Magento Community
 
prateekgupta
Guru
 
Avatar
Total Posts:  541
Joined:  2010-06-04
India
 

If we are talking of the same line then just remove background: url("../images/top_menu_separator.gif") repeat-y scroll right top transparent; from your styles.css file on line no. 335 . Hope this helps

 
Magento Community Magento Community
Magento Community
Magento Community
 
caitlyn
Jr. Member
 
Total Posts:  3
Joined:  2011-07-01
 

rm-search .button, .form-search label{ display:none;}
.form-search{ background:url(../images/bg_search.gif) 11px 9px no-repeat; height:44px;}
.form-search .input-text{ margin:12px 0 0 15px; border:none; background:none; font-family:Tahoma; color:#9ba0a6; font-size:11px; width:157px;}
.welcome-msg{ display:none; float: right;

i have find the porblem in this area...[removed]promptTag("link");

Magento Development | Hire Drupal Developer | Magento Packages

 
Magento Community Magento Community
Magento Community
Magento Community
 
caitlyn
Jr. Member
 
Total Posts:  3
Joined:  2011-07-01
 

rm-search .button, .form-search label{ display:none;}
.form-search{ background:url(../images/bg_search.gif) 11px 9px no-repeat; height:44px;}
.form-search .input-text{ margin:12px 0 0 15px; border:none; background:none; font-family:Tahoma; color:#9ba0a6; font-size:11px; width:157px;}
.welcome-msg{ display:none; float: right;

i have find the porblem in this area...[removed]promptTag("link");

Magento Development | Hire Drupal Developer | Magento Packages

 
Magento Community Magento Community
Magento Community
Magento Community
 
fluxxixx
Jr. Member
 
Total Posts:  17
Joined:  2010-12-25
 
prateek gupta. - 01 July 2011 04:43 PM

If we are talking of the same line then just remove background: url("../images/top_menu_separator.gif") repeat-y scroll right top transparent; from your styles.css file on line no. 335 . Hope this helps

When i remove the image, the line between the links go away.

caitlyn - 01 July 2011 09:43 PM

rm-search .button, .form-search label{ display:none;}
.form-search{ background:url(../images/bg_search.gif) 11px 9px no-repeat; height:44px;}
.form-search .input-text{ margin:12px 0 0 15px; border:none; background:none; font-family:Tahoma; color:#9ba0a6; font-size:11px; width:157px;}
.welcome-msg{ display:none; float: right;


i have find the porblem in this area...[removed]promptTag("link");


Magento Development | Hire Drupal Developer | Magento Packages

What do you mean with: ‘.[removed]promptTag("link");

 
Magento Community Magento Community
Magento Community
Magento Community
 
prateekgupta
Guru
 
Avatar
Total Posts:  541
Joined:  2010-06-04
India
 

What do you mean by the “line that are enclosed” . Can you post some screenshot.

 
Magento Community Magento Community
Magento Community
Magento Community
 
fluxxixx
Jr. Member
 
Total Posts:  17
Joined:  2010-12-25
 
prateek gupta. - 02 July 2011 05:13 AM

What do you mean by the “line that are enclosed” . Can you post some screenshot.

Below i have posted an screenshot of the problem. On the right side of the menu bar there is a small gray line wich have te be removed, because the line is so small i have marked it with a red border.

http://www.magentocommerce.com/?ACT=25&fid=16&aid=22848_4t8Y7Y676XpwhfPzhdc1&thumb=1&board_id=1

 
Magento Community Magento Community
Magento Community
Magento Community
 
brunomarshall
Guru
 
Avatar
Total Posts:  367
Joined:  2009-08-04
 

Hello ,

Here is the class from where we get the border.

.wrapper-top-menu .border-right{}

please remove the background image .

then you will not get the color.

 
Magento Community Magento Community
Magento Community
Magento Community
 
fluxxixx
Jr. Member
 
Total Posts:  17
Joined:  2010-12-25
 
brunomarshall - 03 July 2011 07:35 PM

Hello ,


Here is the class from where we get the border.

.wrapper-top-menu .border-right{}

please remove the background image .

then you will not get the color.

Hi Brunomarshall,

Thank you, the problem is fixed!

Greets,

Fluxxi.

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top