Custom Menu Spacing

[jc623005]

I am working on http://www.expertrealestate.marketing/ and I would like to increase the spacing to the left of “About” in the custom menu, to move it away from the logo. I have tried various tricks, even copied the code from the demo, because the demo custom menu is right aligned.

Thanks,
Jessica

---

[Ginger Coolidge]

Hi Jessica,

Looks like you have increased the space, or did you mean decrease to move it closer to your logo?

---

[jc623005]

I was able to make it wider, but I do want to find a way to space out all the widgets evenly, and move the menu more toward the center. Is there a way to do this? I’m OK with the social widgets and contact info being on the far right, if there is a way to move the menu more toward center.

Thanks!
Jessica

---

[Ginger Coolidge]

Hi Jessica

I know what you mean. I have tweaked this depending on the size of the image or length of the wording if using text for the header.

Out-of-the-box, look for this in your CSS:

widget_nav_menu {
     float: left;
}

Sometimes I change the above to none. And, I’ve also added this:

.widget.simple-social-icons {
   float: right;
}

…to space out the elements. You can play around with a combination of values to see which one works for you.

Best Regards,

Ginger

---

[jc623005]

What other values could I use? That fix did not work.

I tried to float the nav widget left, none, and inherit – and none of those moved it more toward the middle, it actually moved it more to the right, and pushed the social icons down.

Any other suggestions?

Thanks,
Jessica

---

[Ginger Coolidge]

Hi Jessica,

The challenge is you’ve added some changes which include a larger font than the demo so I’m not able to rework that. What I can do is show you some screen shots from my test site based on the css values used.

This image is using float left for the nav widget and float right on the simple social widget. It appears more evenly spaced and works with logo text or a really small logo.

This image is using float none for the nav widget and float none on the simple social widget.

---

[Jackie D’Elia]

Have you tried changing to using a float: right;

.widget_nav_menu {
     float: right;
}

---

[Jackie D’Elia]

I just wrote a post about this that shows how to adjust the menu – you can read it here:

Adjusting the Winning Agent Pro Theme menu

---

[Author]

Posts