Menu Text Orientation

Hey guys,
So I think I will keep it simple. Davids Code is fine for the Desktop View and I have added this;

.main-navigation .main-nav > ul > li > a {
    transform: rotate(-52deg);
}

All I need to do now is make the Mobile Navigation show without a slant, as a normal Mobile Menu would.

Thanks

Probably best to disable the rotated text on mobile. As its going to cause a lot of headaches, not just with the submenus but the tap size.

Simplest way to do that is to add the CSS inside a media query

@media(min-width: 769px) {

Add your CSS here

}

Perfect. Thanks David

Glad we could be of help