Icon in secondary menu – move to right side

[Aleš]

Aleš

August 7, 2018 at 8:55 am

Hey

Can you please help me with this. I want to add icon in menu on right side of text. I know I have to use CSS class in menu. And I also managed to achieve with CSS to put icon to the left side. But I think it is not the best solution to move it to right side with CSS (and I also don’t know how I would do that). I think HTML code needs to be changed.

This is CSS I used:
{
display: inline-block;
color: #fa3e3e;
margin-left: 6px;
}

If I change HTML in a way that <span> is before <icon> I get desired effect. Can you please help me achieve this.
Changed HTML:
<a href="*Login to see link class="icon-bubble-notification" style="
display: inline-block;
color: #fa3e3e;
margin-left: 6px;
"></i></a>

Here is also an image of what I want to achieve: *Login to see link

Thank you in advance
Ales