How to make a line at bottom for parent menu ?

This topic has 4 replies, 2 voices, and was last updated 5 years ago ago by Rose Tyler

  • Avatar: chihao.weng
    howard
    Participant
    December 7, 2020 at 15:41

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

    Please see the following image:

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 7, 2020 at 15:48

    Hello,

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

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

    Regards

    Avatar: chihao.weng
    howard
    Participant
    December 7, 2020 at 16:04

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

    How to make the border 80%

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 7, 2020 at 16:52

    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

  • Viewing 4 results - 1 through 4 (of 4 total)

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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.