Aligning Simple Social Icons

[Krista DeLisle]

I think I may be way to tired and over looking something but I can't seem to figure out how to get my simple social icons to align with my secondary navigation menu in the metro pro theme. I had it earlier and now I'm not sure what I did any help would be greatly appreciated! 🙂

Thanks!

http://kristadelisle.com/demosite/

[RobG]

Is seems like all your links are dead on your website.

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[Krista DeLisle]

Yes I know it is just a demo site I made them so they aren't live yet 🙂 I should still be able to align the social icons with the navigation though I believe

[RobG]

What social media plugin are you using?

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[Krista DeLisle]

Genesis Simple Social

[RobG]

These are just for sharing correct? I'm trying to locate them in the plugin directory but I don't see them

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[Erik D. Slater]

Just to clarify a couple of points ...

The menu along the top of your page appears to be a secondary navigation menu.

The menu in the middle of your page appears to be a widgetized menu.

The reason why you can’t seem to figure out how to get your simple social icons to align with your secondary navigation menu is because you have included it as part of your secondary navigation menu 🙂

Hopefully that may get you moving along a bit 🙂

---

Erik D. Slater: Digital Platform Consultant • LinkedIn

[Krista DeLisle]

Yes I placed a widgetized area in my secondary navigation that is supposed to align right the secondary navigation is supposed to align left should I not of places the simple social icons as a widgetized area inside the secondary navigation?

Thanks a Bunch 🙂

[Krista DeLisle]

These just like to my social profiles

[Krista DeLisle]

Link not like sorry

[Erik D. Slater]

Ooooh ... wait a sec ... when you say that you want to "align" ... are you trying to get your social icons on the same line as the rest of the menu?

I personally wouldn't use a plugin inside a navigation menu. If you're just looking to put in links, you could simply create an extra menu option with custom links as sub-options ... or slip them under your About option.

You could then use Simple Social elsewhere, e.g. in your footer area.

---

Erik D. Slater: Digital Platform Consultant • LinkedIn

[Krista DeLisle]

Yes I want them to align straight across on the right side with the secondary nav 🙂

[Erik D. Slater]

To start with, you could add float: left; to the .genesis-nav-menu .menu-item selector. But I think you may run into problems once you get into the responsive stuff.

This wouldn't be the final solution. I just wanted you to get a feel for how it looks ... and then try to resize the window to see what happens.

---

Erik D. Slater: Digital Platform Consultant • LinkedIn

[RobG]

The only thing I would suggest with out having to re-code the entire header section of your website is to use maybe something like https://developer.wordpress.org/resource/dashicons/#businessman the dash icons will at lease keeps things lined up.

You can see them in action on my demo page. http://robgoss.com/demo/ good luck

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[Gandt]

Went to your link and saw no social icons. Did you modify your demo site since you first wrote this post?
G

[Author]

Posts