Okay
  Public Ticket #3723542
li:last-child - animated underline not displaying
Closed

Comments

  •  1
    Jennyhannigan started the conversation

    Hi

    I am using the off canvas menu and the animated underline isn't showing up on the last menu item (li:last-child). If I add in a dummy menu link and use CSS not to display this dummy link the line works on the item. So i can use this hack but would prefer to not have to.


    Can you help?


  •  2,966
    Andrew replied

    Hi Jenny,

    Thank you for reaching out to us.

    I can't seem to replicate this error from our end. Please share a screen recording of this error as you see it from your end so we can try and replicate this. Also, please let us know what device and browser you're using, this will make it easier to replicate this issue from our end.

    We look forward to your reply.

    Regards,

  •  1
    Jennyhannigan replied

    Hi I've attached a recording from https://www.8394c12f8d479a0f816cb890088466cf-10063.sites.k-hosting.co.uk/

    The last menu item in a sub menu does not get the underline

    I put a hack on the contact us and contact us lettings sub menu with a hidden menu item that is set to display none. whihc works but Its a bit of a faff.

    Please can you help?


    Many Thanks

    Jenny

    Attached files:  Recording 2024-09-12 174739.mp4

  •  1,882
    Judith replied

    Hi Jenny,

    Thanks for writing back.

    To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:

    From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:

    #slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon span:after, #slide-out-widget-area.fullscreen-split .off-canvas-menu-container li a:after, .material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .nectar-menu-item-with-icon span:after, .material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li a:after {
        padding-bottom: 2px;
    }

    Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related. If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help. 


  •   Jennyhannigan replied privately
  •  1,882
    Judith replied

    Hi Jenny,

    Thanks for writing back.

    I have added !important to the code.

    Please check it out now.

    I look forward to your response.

  •  1
    Jennyhannigan replied

    Thank you so much that's brilliant