Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 8, 2017 at 2:35 pm #835859
    1lizcollins

    Hi there,

    I am using Enfold and Ubermenu. I’ve added custom coding to achieve a different menu hover & active color for each parent page. Some pages on my site have 3rd level menu items in the sidebar menus, and I’m noticing that when their parent item is clicked they display as if they too are active. I’d like them to only show as active if they are clicked on or hovered over. Can you help? Thank you!

    August 12, 2017 at 5:14 pm #837956
    Mike

    Hey 1lizcollins,
    I believe your answer is found in the Ubermenu docs, that state:

    Current Menu Item: To highlight the current menu item red (regardless of level), you could use this style

    It is the top style on this page: http://sevenspark.com/docs/ubermenu-current-menu-item
    the Page Hierarchy (parent) style you are now using will highlight when either that item or a submenu item is selected.
    If you need further assistance with Ubermenu, please try their support fourm: http://sevenspark.com/support
    as supporting third party plugins is beyond the scope of support we can provide here.

    Best regards,
    Mike

    August 14, 2017 at 7:53 pm #838915
    1lizcollins

    Thanks for your response. I should have mentioned that the sidebars are not created using Uber Menu, only the main menu uses it. And so, I believe the theme handles the style of the sidebar in this case. As I mentioned, I’ve managed to make it work on the secondary menu items, but when I’m on a tertiary menu item page, it looks all wrong (see the link below). Thanks in advance for your help with this!

    August 15, 2017 at 4:43 pm #839398
    Victoria

    Hi 1lizcollins,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
    Meanwhile, here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.parent-pageid-5965 .sidebar li.current_page_item a:first-child {
    background: #336666 !important;
    color: #ffffff !important;
    padding: 5px;
}

#top.parent-pageid-5965 .sidebar li.current_page_item a + ul.children a {
    background: #fff !important;
    color: #958c85 !important;
    padding: 5px;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 15, 2017 at 4:48 pm #839403
    1lizcollins

    Thank you so much! I’ll add this code now and I’ve added login info below.

    August 18, 2017 at 9:11 pm #841033
    Basilis

    Hi,

    Have you added the code? does it work for you?

    Best regards,
    Basilis

    August 19, 2017 at 2:09 am #841105
    1lizcollins

    Hi there,

    Yes, I added the code. It partially worked: now the 3rd level children aren’t active when their 2nd level parent item is clicked. But I still don’t see the active color when they are clicked. Have you had any luck on your end?

    August 22, 2017 at 9:08 pm #842767
    Basilis

    Hi,

    I think the issue is related more to Ubermenu, so better to try contact them over.

    Best regards,
    Basilis

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.