Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1112706
    Alan
    Participant

    Hi any quick ideas why this works for underline hovers:

    .ubermenu-target-title:hover {
        text-decoration: underline !important;
    }

    but i also want to display the current site…
    those wont work:

    .ubermenu-target-title:active {
        text-decoration: underline !important;
    }
    
    .ubermenu-target-title:visited {
        text-decoration: underline !important;
    }
    
    .ubermenu-target-title:link{
        text-decoration: underline !important;
    }
    #1112968
    Jade
    Moderator

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1140308
    Alan
    Participant
    This reply has been marked as private.
    #1140370
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    .ubermenu-current-menu-item  .ubermenu-target-title {
        text-decoration: underline;
    }

    Hope it helps 🙂

    #1140430
    Alan
    Participant

    awesome thanks a lot!!!

    #1140491
    Thai
    Moderator

    If you need anything else please let us know.

    #1150571
    Alan
    Participant

    Hi again,

    i still need some help with the similar matter:
    1. the sidebar navigation does not stay highlighted for the active element, the hover works though.
    2. if i select a category from the sidebar the active menu item is not highlighted anymore due to the product category slug, is there any way around it? same goes for the single product page wich has the /shop in its url but the menu item doesn corresponds to it visually.

    many thanks!

    #1150811
    Nico
    Moderator

    Hi There,

    Would you mind sharing us the URL of the issue and please share a screenshot so we could easily identify it.

    Thanks.

    #1150815
    Alan
    Participant
    This reply has been marked as private.
    #1150913
    Rad
    Moderator

    Hi there,

    It’s widget and not a menu/navigation. Just standard links on the sidebar, let’s try adding this CSS to Admin > Appearance > Customizer > Custom > CSS

      .current-cat a {
      text-decoration: underline;
      }

    Thanks!

    #1154666
    Alan
    Participant

    thanks that worked.

    so is there any possibility to have it also active when i click on a product?

    I explain the case i like to have and what it currently is:

    currently:
    I click on shop in the main nav, shop is highlighted and all products are shown, although the category “All” is not highlighted.
    When I click on a different category, it gets highlighted but the before active shop nav is not highlighted anymore.
    When i click on a product in this category, the “All” category is always highlighted even though the product is in a different category, also shop is not highlighted.

    what i want to achieve:
    I click on shop in the main nav, shop is highlighted and all products are shown, the category “All” is highlighted.
    When I click on a different category, it gets highlighted plus shop nav is highlighted.
    When i click on a product in this category, the category the product belongs to is always highlighted, also shop is highlighted.

    i get that this is probably caused by the different urls and category slugs, but it would be nice to point me into the right direction on how to get working on this – since this is a big deal for the shop. it otherwise seems quite buggy…

    thank you!

    #1154800
    Christian
    Moderator

    Hey Alan,

    Please add the code below in your Appearance > Customize > Custom > Global CSS

    /* Underline Shop when in product category page */
    .tax-product_cat #menu-item-50 a span {
        text-decoration: underline
    }
    
    /* Underline All when in Shop page */
    .post-type-archive-product .cat-item-26 a {
        text-decoration:underline
    }

    Hope that helps. 🙂

  • <script> jQuery(function($){ $("#no-reply-1112706 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>