Change the navigation drop down direction with custom css class

If you’re needing to change the direction of the drop down navigation on your theme, we’ve added 3 custom classes to the stylesheet to allow you to do this.

We have another post here explaining how to add custom CSS classes to your menu items.

For this you need to build a menu under Appearance -> Menus and assign it to the Primary Navigation.

 

Top Level Class

nav-switch

This class is only for top level elements. It will change the direction of all sub-navigation elements below it.

 

Sub-Level class to change only one level below

nav-sub-switch

This class will make only the level below it change direction and navigation levels below that will go back to the normal direction (to the right).

 

Sub-Level class to change all levels below

nav-sub-switch-all

This class will make all the levels below it change direction.

 

For custom work on the themes we recommend contacting Codeable.