Menu Issue: Child tabs of "dummy" parent tabs not showing up on devices

[Richelle]

I love this template (Agama Pro). My website is http://www.starvingthebeast.net. I have a menu with two dummy tabs (no content/link) that act as parents to the child links. This works great on a computer, but the child “tabs” are not showing up on phone or tablet when I click on or hover over the parents on other devices. The links to which I’m referring are the following:

starvingthebeast.net > Filmmakers >1. Bill Banowsky 2. Steve Mims 3. Filmmakers and Crew
starvingthebeast.net > Press >1. Articles and Reviews 2. Press Kit 3. Download the Poster

How can I get this menu to work properly on phones and tablets?

Thank you!

[Richelle]

I figured it out.

Since my mobile menu has a black background, I needed to change the following code by adding a light color (#fff) to the fontawesome icon:

OLD:
nav.mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle:after {
content: “\f056”;
}

NEW:
nav.mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle:after {
color: #fff;
content: “\f056”;
}

[Jerry]

Hello Richelle,

I’m glad you have resolved this issue by yourself.

Regards

[Author]

Posts