Published on Jun 2, 2019

How to left align menu items in Oxygen’s mobile menu

Sridhar Katakam

This tutorial shows how navigation menu items can be left aligned in the mobile menu overlay in Oxygen.

Before:

After:

Add the following CSS (a good place would be in the WordPress Customizer’s Additional CSS area):

.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list .menu-item a {
justify-content: flex-start;
}
tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right