Menu item, how to move the font-awesome icon to the right side?

The font-awesome icon of Menu Items are currently displayed on the left. I want to display them on the right side.

How can we do that? Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .wd-nav-mobile > li > a .wd-nav-icon,
body .wd-nav-mobile .wd-sub-menu li > a .wd-nav-icon {
	order: 1;
	flex-grow: 1;
	text-align: right;
	margin-right: 0;
	margin-left: 7px;
}

Best Regards

Hi Elise,

Your code is impacting the First level menu items, while I only want to modify the Sublevel menu items.

I tried modifying your code as in private, but it’s still not as I wish.

In the Mobile Sidebar
– in some Sublevels like “Calendriers” it looks well
– but in some other Sublevels like “Activités” or “Vie pratique” the icon is not well aligned on the right-side.

Can you help me understand how I could make the Font-Awesome icons be aligned to the right for the sublevels of the Mobile Sidebar?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Could you kindly provide the page URL we will correct the CSS code?

Best Regards

Hi Elise,

I managed to make it work with the below code, so it’s alright 🙂

You can close this ticket, thanks

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts