Site logo

Archived topic

Template Dispatch

3 replies · Started by Daniel on December 11, 2019

Viewing posts 1–4 of 4

I would like to disappear the black line when selecting a button in the menu bar.

Hi there,

delete this CSS in the Customizer > Additional CSS:

@media (min-width: 769px) {
    .main-navigation ul li {
        position: relative;
    }

    .main-navigation ul li:after {
        content: '';
        position: absolute;
        height: 0;
        width: 100%;
        bottom: 0;
        left: 0;
        pointer-events: none;
        filter: hue-rotation(90deg);
        -webkit-filter: hue-rotation(90deg);
        -webkit-transition: height 0.35s ease;
        transition: height 0.35s ease;
    }

    .main-navigation ul li:hover:after, .main-navigation ul li.current-menu-item:after {
        height: 6px;
    }
}

Thanks David...

You're welcome

This archived topic is closed to new replies.