Menu social icons

hooverlandclearing.com

Hi Elwin,

There's a couple of steps here:

1. In "Appearance > Menus", expand the "Screen Options" panel at the top right of the page.
2. Select the checkbox for "CSS Classes".
3. Now open you menu item, and give it a class we'll use later - like "your-class-name".

Now, you can add this CSS:

.your-class-name {
      float: right;
}

That should do it :)

Hi Tom,

Thanks for the quick reply. I'm confused on the classes and what to put in it. I no nothing about code.

I copied <i class="fa fa-facebook"></i> and put it in the menu. But I don't know what exact class to put into the CSS Classes box?

Thank you.

I downloaded the simple custom css plugin.

I named my CSS class facebook.com and put this in the CSS under the "editor" tab:

.facebook-icon {
float: right;
}

But nothing is happening?

I mean I named it facebook-icon

Tom, I've decided that I want the social icons at the bottom of the page, centered right above my copyright. How can I do that without using all the footers?

Just figured it out, Tom. Thanks!

Iv tried that too tom and it doesn't work, iv named mine facebook-menu and used the css

.facebook-menu {
float: right;
}

but nothing happens and it remains in the same place

Me too lol

Any idea how i can get the nav search icon to be last so its to the right side of all the current icons?

http://www.pontyclundarts.co.uk

You both figured it out? :)

At this time no, the code inserts the button as the last item in the menu bar, so it ends up being first item to display as the buttons are using float. You could position each button precisely using position:absolute, but you would need to look that up and then figure out the width of each item. Kind of a pain.

Hey Tom,

New to generatepress here.
I have a question related to the subject.
I need my social icons to be on the main navigation bar but not right after the pages, I want it to be against the right edge of the screen, with a little padding of course.
And I want the links to open in a new window.
Is this possible?

Thanks,
Tomas

Already solved the opening in new window problem.

Here is my site:
http://www.simpletravelblog.com