Focus Pro – Mobile Menu Not Working

[scaught]

The website in question is qbsresearch.com

When using a mobile device, we're seeing two problems.

1. (#2 above): On the main menu, when expanding for the first time, each subsequent menu item's expander icon (triangle) is shifted to the left underneath the previous menu. (See red oval, above). If I click on the triangle that is right-most aligned, the triangle below snaps to the proper alignment.

2. (#3 above): I can't see any of the sub-menu options.

I'm guessing the solution is in the style.css file. . .but not sure what to look for and how to fix this.

Thanks,

http://qbsresearch.com

[scaught]

Fixed it.

For the indent problem, I commented out line-height:
.genesis-nav-menu.responsive-menu li.current-menu-item > a,
.genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
.genesis-nav-menu.responsive-menu li a,
.genesis-nav-menu.responsive-menu li a:hover {
background: none;
/* line-height: 1;*/
padding: 18px 20px;
}

For the color problem, I just added a color parameter:

.genesis-nav-menu.responsive-menu .sub-menu li a,
.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
background: none;
border: none;
padding: 16px 20px;
position: relative;
width: 100%;
color: #c2b0f7;
}

[Author]

Posts