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
@ 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.
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.
This question is now closed