Skip to content

How to align submenu items to the left side in Neve

Neve's Primary Menu centers submenu items by default; you can align them to the left or right instead using custom CSS.

Before

By default, in Neve, the submenu items of the Primary menu are centrally aligned.

After

To change the alignment to the left side, all you'd need to do is add this CSS code in Appearance > Customize > Additional CSS:

.primary-menu-ul .sub-menu li a {
	justify-content: left !important;
}

To change the alignment to the right side, you need to add the following code.

.primary-menu-ul .sub-menu li a {
	display: inline-block !important;
	justify-content: right !important;
}

Was this helpful?