Joomla Templates Club 406,261 posts

[timy.hui Friend timy.huiJoin date: December 2016Posts: 15Downloads:24Uploads:7]

#1007593

Dear CS,

• In desktop mode:
  -> When mouse is moved over a submenu item, that submenu item will be filled with a background color bar -> pls. see attached screen capture, fig.01

• In mobile mode:
  -> When mouse is moved over a sub-menu item, that sub-menu item change color only, and does not filled with a background color bar, see fig.02 (Note that the mouse is now over the 5th menu item and NOT the 6th one)
  -> but when mouse is moved away, that sub-menu will be filled with a background color bar for a very short period of time, and then disappeared.

So my question is how to make the mobile mode performs just like the desktop mode?

Thanks! Timy

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1007617

Hi
In mobile devices same style not working because hover does not work well in touch device it . It work as click,
Add below code in custom.css file to add hover

@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: transparent;
}}

Change transparant to a color code.

Hope it helps.

[Author]

Posts