Support » Theme: Metro CreativeX » No underline when hovering on last

  • Resolved adamczi


    I’ll refer to menu pages from this example (theme preview), called About and Parent Page.

    On my site I’ve noticed, that when you hover on the last one (Parent Page in this case), the text changes color as it should, but the line below doesn’t change, I mean from dark grey to light grey. No matter how many pages you add, it works properly (text and underline change color) for every of them except the last one. In this example it makes sense because the last one has a subpage unrolling, but it is the same if you have a regular menu item.

    Is it possible to fix/change? I couldn’t find code responsible for that. Thank you in advance.

    Best regards,

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hello @adamczi,

    That is the way theme designed to work bt=ut if you want the bottom border for each menu item you can add the following custom CSS to customize-> Additional CSS

    #topside .pages li:last-child, #topside .pages li:hover:last-child {
        border-bottom: 1px solid #5e5b53;

    Hope it helps and let me know if you require any further assistance.

    Hi @poonam9,
    thanks a lot for your answer – it indeed solves my problem. I only removed first the first declaration and left only li:hover, so I get underline only when hovered, not all the time.

    #topside .pages li:hover:last-child {
        border-bottom: 1px solid #5e5b53;

    Thank you for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘No underline when hovering on last’ is closed to new replies.