hide vertical separation lines in top level menu

hi,
I am customizing the appearance of my menu through jmmegamenu.css.

I have successfully change the colors as needed,
but I can not "hide" the vertical separation lines between menu items in top level menu.

please take a look of the attached picture or check my site http://www.fashiontherapy.gr/magento
Attachment 33520

could you tell me where is the code that I need to change to make those lines disappear or change their color to be the same as the background?

2 answers

Profile photo of Sherlock 0.00 $tone February 2, 2014
Public

@ izyshoes !

You can open the skin/frontend/default/jm_sporty/joomlart/jmmegamenu/css/jmmegamenu.css file, find and remove this rule:

HTML Code:

 .jm-megamenu ul.level0 li.mega.first a.mega {
  border-left: 1px solid [URL=http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=353434]#353434[/URL]
}

Then find the following rule:

HTML Code:

 .jm-megamenu ul.level0 li.mega a.mega {
  border-right: 1px solid [URL=http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=353434]#353434[/URL]
  color: [URL=http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=3B3B3B]#3B3B3B[/URL]
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  text-decoration: none;
  text-transform: uppercase;
}

and modify as follows:

HTML Code:

 .jm-megamenu ul.level0 li.mega a.mega {
 
  color: [URL=http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=3B3B3B]#3B3B3B[/URL]
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  text-decoration: none;
  text-transform: uppercase;
}

Hope this helps.

#1
izyshoes 0.00 $tone February 2, 2014
Public

Thanks a lot S.H.

I have changed the color to be the same with the background color instead, in order to stay with the original code in case of future change.

#2

This question is now closed

Written By

Comments