Shifting Primary Navigation Bar to right

[Mike GoslingMember Post count: 18]

Where in the CSS for Focus Theme do I set the Primary navigation bar to right justify?

---

Dr. Mike Gosling, The Emotional Leader Program

[SoZoModerator Post count: 1573]

Please include a link to your site with all questions so that people can see what is going on.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Mike GoslingMember Post count: 18]

Ok, thanks and sorry. Site is: http://karengosling.com

---

Dr. Mike Gosling, The Emotional Leader Program

[SoZoModerator Post count: 1573]

You’d need to break out the .menu-primary ul selector out of this group

.menu-primary ul,
.menu-secondary ul,
#header .menu ul {
	float: left;
	width: 100%;
}

Into its own rule

.menu-primary ul {
    width: auto;
    float: right;
}

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Mike GoslingMember Post count: 18]

I have now set the CSS as follows:
.menu-secondary ul,
#header .menu ul {
float: left;
width: 100%;
}
.menu-primary ul {
width: auto;
float: right;
}
There is no change – The primary menu still aligns left and not right.
Please advise further.

---

Dr. Mike Gosling, The Emotional Leader Program

[SoZoModerator Post count: 1573]

Change it to this

ul.menu-primary {
width: auto;
float: right;
}

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Mike GoslingMember Post count: 18]

Hi, I have changed the CSS to include ul.menu-primary {

This has now removed the top navigation space and placed the primary navigation bar into the Header space, which has distorted the columns in my header and will likely mean the nav bar will disappear when I add an image in the header space.

Please advise.

---

Dr. Mike Gosling, The Emotional Leader Program

[SoZoModerator Post count: 1573]

If you want the grey background to span the header you’d need to add it using #nav

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Mike GoslingMember Post count: 18]

Thank you. That is helpful to know about the #nav.

Are you able to advise me how to correct the header area after inserting: ul.menu-primary {

Please view the header at http://www.KarenGosling.com

---

Dr. Mike Gosling, The Emotional Leader Program

[Mike GoslingMember Post count: 18]

I’m advised that I need to create a css rule for #nav and add css for it in order to do what I need. That will correct the color above the header. (also add clear:both; to the css for #header). Unfortunately this is all jargon to me.
If anyone reading this post is willing to complete this task for me for a fee paid by Paypal, please contact me with details at mike@goslings.net.
Thanks.

---

Dr. Mike Gosling, The Emotional Leader Program

[Author]

Posts