Is it possible to remove the leading bullet point in the Product Category menu?
I am using the JM Easyshop template.
All the other menu items are exclusive of this bullet point, so I am presuming it should be possible.
This is probably a simple question to someone out there. If you know the answer, I would be grateful to hear how it is done.
Thanks
Will
1 answer
Dear will_kingwell!
Thanks for using and contacting us when you have problem with our products. This is quick help for your problem:
There’re 2 places where we have categories menu. Top and sidebar. I’ll guide you to remove them :
-- To remove bullet point in top nav
please go to skin/frontend/default/jm_methys/css/menu.css line 172:
Code:
#nav ul li { background: url("../images/square.png") no-repeat scroll 10px 14px transparent; border-top: 1px solid #111111; width: 100%; }
Remove parameter background: url("../images/square.png") no-repeat scroll 10px 14px transparent;
line 182:
Code:
#nav ul li:hover { background: url("../images/square-active-menu.png") no-repeat scroll 10px 14px #FF0066; }
Remove background also.
-- To remove in sidebar:
Open /skin/frontend/default/jm_methys/css/theme.css
Go to line 6198:
#ja-sidenav li a span {
background: url("../images/square-hover.png") no-repeat scroll left 8px transparent;
padding: 0 10px;
}
remove background as you have done above, similar to line 6203:
Code:
#ja-sidenav li.active a span, #ja-sidenav li.selected a span { background: url("../images/square-nav-active.png") no-repeat scroll left 10px transparent; }
and line 6213:
Code:
#ja-sidenav li li a span, #ja-sidenav li.active li a span, #ja-sidenav li.selected li a span { background: url("../images/square-hover.png") no-repeat scroll left 8px transparent; }
Hope this helps and please feel free to contact us if you have problem.