Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 5, 2015 at 11:37 pm #406752
    vailjazz

    Hi,

    I followed the documentation for enabling CSS classes on all ALB elements, and I do see the field now where I can enter a custom class which seems to work fine. I’m trying to add classes to elements to make break points easier for tablets and phones.

    However, when I add the media query and new class, the element does not go away as it should (it’s coded as display: none !important).

    Also, I’m trying to make it so when you are on a menu dropdown, that menu item remains “active”. Specifically, the dropdowns have a dark charcoal color, so it looks very odd if the parent menu item returns to it’s original white background when you’re on the submenu.

    One last thing! I’m using a child theme and for some reason my CSS only seems to work when I enter it into the Quick CSS field – I keep updating the css file in the child theme folder just in case, but it only takes effect when it’s put into the Quick CSS itself. Thoughts?

    March 6, 2015 at 3:57 pm #407027
    Yigit

    Hey vailjazz!

    Please review your website now. You had a missing semi colon in your code i added and it seems to work fine

    Best regards,
    Yigit

    March 10, 2015 at 5:53 pm #408978
    vailjazz

    Hi Yigit,

    The CSS class for the ALB elements seems to work now, but I still am having difficulty making the parent element on the menu stay “highlighted” when I hover over any of the dropdown items. I’ve figured out how to change the background color with

    .menu-item:hover, .menu-item-has-children:hover .menu-item-top-level:hover { background-color: #323232 !important; }

    but when I try to change the text color with this same code it changes all menu items instead of only the open parent item.

    I don’t want a charcoal background with black text for the parent menu when I’m hovering on the open menu items but every solution I’ve tried changes all or none (both parent and children).

    The goal is to get the children to highlight green when hovered, while the parent of those children (open but inactive) has white text on charcoal background.

    I appreciate your help with this!

    March 11, 2015 at 2:39 pm #409851
    Yigit

    Hey!

    Please add following code to Quick CSS 

    li.current_page_ancestor > a {
  color: #dceb36!important;
  background-color: #323232;
}

    and change following code 

    .header_color .main_menu ul:first-child > li > a:hover {
  color: #007f72;
  background-color: #323232 !important;
}

    to following one

    .header_color .main_menu ul:first-child > li:hover > a {
  color: #007f72;
  background-color: #323232 !important;
}

    Regards,
    Yigit

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