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
The topic ‘Menu item, how to move the font-awesome icon to the right side?’ is closed to new replies.
.
