-
Posts
-
The Enfold fixed layout sidebar menu is not working correctly.
The navigation link functions work OK, but the active and inactive color indicators are not working. When hovered over, the menu color changes as it should. But when selected, the color does not hold, and it reverts to the inactive color.
And additionally, the last menu item lights up in the active color when any of the menu items are selected — and it will not go to an inactive state even when n ot selected or used.
I am using anchor links, but that should not affect it. I have tried some CSS, but nothing fixes it.
Can you help me get this working as it should?
Me again: From my research, I see this is because Enfold targets the last anchor link in the menu as the active link, when it is not. I can see that in the code. It looks like it would be nearly impossible to make this menu work with the hover, active, and non-active states showing in color as they should. Also, I read that Enfold does not work well with anchor links in this side menu, as the states are coded for full URLs.
So, if that cannot be done, I would be satisfied if we could just eliminate the last anchor link from being falsely targeted as active. Then the menu is passible, the hover state works, but not the other states in color. That’s OK. If not, it would be confusing for the user.
I have tried dozens of CSS attempts, and many full JavaScript tries — nothing works that I have done. So I am hoping you have some further insight into this code, as I have gone too far in developing this website to change everything now. This fixed layout with a side menu has been very frustrating to get to work correctly across devices.
Hope you can help with this issue! Thanks.
- You must be logged in to reply to this topic.