How to make a line at bottom for parent menu ?

Solved3 replies2 participantsUpdated by Rose Tyler

  • Avatar: chihao.weng
    howard
    Participant

    I’d like to set a line at bottom for all my parent menu. How can I do that ?

    Please see the following image:

    #262986 Copied Theme version: 7.1.2 WooCommerce version: 4.7.1

    3 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Add the next code in Theme Options > Theme custom CSS:

    .nav-sublist-dropdown .menu-parent-item > a {
    border-bottom: 1px solid #e1e1e1;
}

    Regards

    #262987 Copied
    Avatar: chihao.weng
    howard
    Participant

    The width of bottom border is 100%. It does not look like a parent menu.

    How to make the border 80%

    #262989 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Add this code also:

    .et_b_header-menu:not(.header-secondary-menu) .item-design-mega-menu .nav-sublist-dropdown .container>ul>li {
    padding: 0px 15px;
}

    Regards

    #262993 Copied

The issue related to '‘How to make a line at bottom for parent menu ?’' has been successfully resolved, and the topic is now closed for further responses