Joomla Templates Club 406,261 posts

[bcollie Friend bcollieJoin date: February 2010Posts: 28Downloads:0Uploads:4 Thanks: 6 Thanked: 1 times in 1 posts]

#193989

When I hover over a Main Menu item using MegaMenu, the drop down box with the sub-items appears with a black background.

This is ok, but the text of the sub-menu items is so dark they are hard to see.

They show as white when the mouse hovers over them which is good, but you almost have to hover all the sub-menu items one at a time before you know what they are.

Where can I make the sub-menu items brighter, to make them easier to pick out, before using the mouse to ‘light them up’ by hovering over them?

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#519446

@bcollie,

Try to open file: …./templates/ja_beranis/css/custom.css and add css rule :


.dropdown-menu li > a {
color: #fff;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-menu li > a:active {
color: #A954CC;
}


Hope it helps.

1 user says Thank You to Css Magician for this useful post

1. bcollie

[bcollie Friend bcollieJoin date: February 2010Posts: 28Downloads:0Uploads:4 Thanks: 6 Thanked: 1 times in 1 posts]

#519527

That’s perfect on a PC with browser – thank you

Unfortunately the mobile version didn’t change

Is there some “.phone” setting to add in custom.css as well?

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#519619

@bcollie ,

Try to open file: …./templates/ja_beranis/css/custom.css and add css rule :


.t3-mainnav .nav-collapse .dropdown-menu a {
color: #fff;
}

.t3-mainnav .nav-collapse .dropdown-menu a:hover,
.t3-mainnav .nav-collapse .dropdown-menu a:focus,
.t3-mainnav .nav-collapse .dropdown-menu a:active {
color: #A954CC;
}


Hope it helps.

1 user says Thank You to Css Magician for this useful post

1. bcollie

[bcollie Friend bcollieJoin date: February 2010Posts: 28Downloads:0Uploads:4 Thanks: 6 Thanked: 1 times in 1 posts]

#519680

Excellent – really getting to like Joomlart 🙂

If I can just get the mobile off-canvas menu opening issue solved it will be bliss – but that’s in another thread already

————————————- @Css Magician
Well it seems the off-canvas menu issue (above) was caused by a bug in the T3 template.
I have uploaded the new version of T3 and now the off canvas (mobile) menu is more white background than the theme colour.

It’s like alternate menu items are theme colour but the intervening ones are white.

Is there a way to make the whole mobile off-canvas menu background the same theme colour as the main menu in megamenu on PC?

Then I expect the main menu items which have submenus will shown an expansion arrow when the off-canvas side view first opens, because the main menus are rolled up.

Clicking on the main menu of choice should then unroll the submenus, which will have white text according to your fix above.

Pressing the individual submenu will then return the user to main screen on mobile and open the appropriate article etc.

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#519778

I am glad to be of assistance.

I just created an issue for our development team to review the off-canvas further at http://pm.joomlart.com/browse/JATCBERANI-92

[bcollie Friend bcollieJoin date: February 2010Posts: 28Downloads:0Uploads:4 Thanks: 6 Thanked: 1 times in 1 posts]

#521197

Any idea when this will be resolved?

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#521436

@bcollie, the issue has some off-canvas features, our dev team need more time. Hope for your patience on this.

[Author]

Posts