Removing lines on navbar for tablet

For some reason, the lines that I have between each menu item on desktop doesn’t look as clean on table ( landscape mode ) how do i fix this?

Hello There,

Try adding this custom CSS on Theme Options > Global CSS:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.x-navbar .desktop .x-nav>li>a {
    border-right: none;
    border-left: none !important;
}
}

To learn more about media queries, please check this article: http://stephen.io/mediaqueries/#iPad

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.