Align icons to the right

Hi Spencer1537,

Thanks for using Menu Social Icons! I have put together a video walkthrough for you that you may find helpful. It covers how to add CSS for alignment, colors, margin, and size to match the plugin to your theme. You can view it here: Editing CSS for Menu Social Icons.

I hope that clears things up for you! I’m going to mark this thread as resolved, but if you have additional questions, please feel free to follow up. If you find Menu Social Icons useful, please write a short review to share your thoughts with others!

Thanks,

Paul

I installed the CSS plugin, and I’m typing:

li.social-icon }
float:right;
{

and nothing is happening. I use the theme Valor. Why is it not working?

You have your enclosing brackets backwards – the code should look like this:

li.social-icon {
float:right;
}

It is still not working. That was a typo on my behalf when I typed in the comment.

There’s a CSS rule that’s overriding your custom CSS – try using this code instead of what you have now:

li.social-icon {
float:right !important;
}

It looks like Valor has a vertical menu, not a horizontal menu: https://pd.cm/f10

If that’s the menu you’re trying to change alignment on, you might try one of these code snippets:

li.social-icon a { text-align:right !important; }

or

li.social-icon a i { float:right !important; }

Hi Paul, thanks for creating this great plugin. Have an issue: the mail icon doesn’t link to the e-mail I have inserted in the backend. If I click on the icon in the menu, it only show the name of the url, not the mailto address. Any idea what may cause this?

Thanks, Henk