Joomla Templates Club 406,261 posts

[edmundfrench Friend edmundfrenchJoin date: May 2011Posts: 12Downloads:0Uploads:0 Thanks: 2]

#164360

Hi, the sub menu on the standard VM product display (in the left column) isn’t aligned to the parent menu item (as per under ‘extras’ here: http://oakfloors.sway-search.co.uk/index.php?page=shop.browse&category_id=17&option=com_virtuemart&Itemid=53 )

I can’t see where I change the CSS to change the behaviour – it doesn’t seem to show in Firebug.

How do I go about lining up the sub menus so they sit flush under the parent menu (so with a right margin of a few px).

Also the underlining is going right to the edge of the left column on hover. Any ideas how I change this?

[dantiusmedia Friend dantiusmediaJoin date: January 2011Posts: 7Downloads:17Uploads:4 Thanked: 1 times in 1 posts]

#392898

If I understand what you need, i had the same problem. I solved it in this way: in templates/ja_mesolite_ii/css/ja.vm.css after this code

<blockquote>/*Categories Module*/
a.mainlevel {
display: block;
outline: none;
padding: 8px 15px 9px;
margin: 0;
text-decoration: none;
text-transform: uppercase;
color: #666666;
border-top: 1px solid #E6E6E6;
background: url(../images/arrow.png) no-repeat 92% 14px;
}

a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus {
background: url(../images/arrow.png) no-repeat 92% 14px #F7F7F7;
text-decoration: none;
}
</blockquote>

i add

<blockquote>
a.sublevel {
padding: 8px 0 0 16px;
font-style: normal !important;
}

a.sublevel:hover, a.sublevel:active, a.sublevel:focus {
text-decoration: none;
}

</blockquote>

1 user says Thank You to dantiusmedia for this useful post

1. thangnn1510

[Author]

Posts