Okay
  Public Ticket #3171147
Underline main menu item when I'm at submenu
Closed

Comments

  • Vladislav Muller started the conversation

    Hello,

    when I'm on some page, that menu item is always underlined, so I know for first look, where I am on the pages. 

    But, when I use a submenu and go to the page from submenu, I can't see, where I am. There is no underline at all. This can be confusing for visitors. 


    It is possible to have underlined main menu item, when I access his submenu item? For example (see attachment) when I am at page Curriculum vitae, which is a submenu of O mně, I want to have some visual mark which tells me I am in that menu. It can be that underline and of course there should be underlined that subitem too.


    I think that is an ordinary behaviour.

    Attached files:  underlined menu.png
      where am I.JPG

  •  1,103
    Max replied

    Hi,

    add this to your custom CSS

    .sub-menu .current-menu-item a {
        text-decoration: underline!important;
    }
    

    Thanks,


    Max from the Sonaar.io Crew

  • Vladislav Muller replied

    Hello, thank you.

    That is simple but not a good solution. I'd like to have a stylized underline like the rest of the site, not a regular one with no design. This is not nice on an otherwise beautiful site. I've tried to solve it somehow, but don't get it.

    And is it possible to have the main menu and submenu items underlined as well, as shown in the attachment when I'm at submenu page?
    Thank you.



    Attached files:  styled underline.jpg

  •  1,103
    Max replied

    Hi,

    We dont have a feature for this and this needs to be customized to suit your needs.

    Unfortunately, custom CSS to personalize your site is beyond the scope of our free support because code provided often needs to be tested multi-platform & make sure it fits well for responsive. So a small customization is not something we can provide very quickly and make sure it works everywhere.

    Ill do an exception to get you started here but as I said, Ive not tested it much and it will be you responsibility to check and adjust the code to suits your needs.

    here is a quick starting point:

    .sub-menu li a {
        padding: 8px 0px 3px 0px!important;
    }
    .sub-menu .menu-item.current-menu-item a {
        border-bottom: 3px solid #8C7956;
        padding: 0px 0px 3px 0px!important;
        width: fit-content;
    }
    

    If you need additional help on this, please hire one of our developer here: https://sonaar.io/service/website-customization-service/

    Thanks,


    Max from the Sonaar.io Crew

  • Vladislav Muller replied

    Hi,

    Thanks for the advice and pointing out where to start. I now understand better how it works.

    I understand why you can't provide such quick modifications.

    I will be glad if you take this as feedback and request for improvement for a better user experience.

    Thank you for your support.


  •  1,103
    Max replied

    Excellent 

    Thanks,


    Max from the Sonaar.io Crew