Mobile line under the links

Notify me of follow-up replies via email

You can wrap your CSS with a media query like this:

@media (min-width: 769px) { 
   your css; 
}

Hi,

I have already this code see my css, there is a way to remove the lines under the links in the menu or not?

Hi Pascal,

This should remove it:

@media (max-width:768px){
    .main-navigation .main-nav ul li[class*="current-menu-"]>a:after, 
    .main-navigation .main-nav ul li:hover>a:after, 
    .main-navigation .main-nav ul li.sfHover:hover>a:after {
        display: none !important;
    }
}

The alternative would be to wrap your custom CSS in @media (min-width:769px) as well so it only works on tablets and desktops.

Hi Elvin, thank you it is now fix.

Thanks for letting us know. Glad you got it sorted. :D