Seconday Nav menu float right

Tagged: seconday nav menu float right

This topic has 10 replies, 4 voices, and was last updated 10 years, 5 months ago by Wes.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
November 2, 2013 at 10:31 pm #8652
el_p
Customer
Hi,

Is there a simple way to have the seconday nav menu float right instead of left?

thnx
November 2, 2013 at 10:40 pm #8653
Jason M
Customer
I’ve seen a couple posts here that explain how to do this. If you search from the main forum page you’ll find them. Here is the one that helped me – https://appfinite.com/topic/float-primary-nav-right/#post-7709 ….there are more, but you can search for them if you need more info.
November 2, 2013 at 10:46 pm #8654
el_p
Customer
thnx – I found that same post earlier but my learning curve is high – “I can do that by changing both the ul and li to float right” – is that something I tweak in the style sheet?

I’ll search for more posts and see if they’re more helpful
November 2, 2013 at 10:56 pm #8656
Wes
Moderator
@el_p do you have a link to your site? It’s always best to post one if you do since it will help us figure out what all needs to be done.

If you do have one I can probably tell you what you’ll need to adjust in your css.
November 2, 2013 at 11:17 pm #8659
el_p
Customer
thnx wes –

basically I would like to move the ‘about’ and ‘contact’ menu items on my primary nav menu to the secondary nav menu and have it aligned right. i don’t have the secondary nav menu showing right now because I don’t like the default way it aligns left. I also tried to do it with a widget but didn’t like the way that looked either – I really like the placement of the secondary menu on the page, just want the menu items to float right. And I’m lost trying to do that…

link to site is http://www.grahamcustom.com
November 2, 2013 at 11:21 pm #8661
Abigailjane
Customer
Hi, sorry to hijack your thread but can I ask how you added the background image? Looks great!
November 2, 2013 at 11:24 pm #8662
el_p
Customer
Abigailjane – thnx! go to Appearance -> Customize -> Background image
November 2, 2013 at 11:26 pm #8663
Abigailjane
Customer
Doh! and here’s me thinkin’ it’s goign to be some sort of complex customization! Thanks 🙂
November 2, 2013 at 11:54 pm #8665
Wes
Moderator
@el_p change float: left; to float: right; around line 2002 in your css –
```
.genesis-nav-menu .menu-item {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
```
That will change the order they appear since they are floating to the right now….so you’ll have to rearrange them in the opposite order in your menu settings and thats it.
November 3, 2013 at 12:11 am #8666
el_p
Customer
thnx Wes – doing that actually changed my primary menu to float right but I really want the secondary menu to float right (not the primary) – so I inserted this code and its working:

.nav-secondary .genesis-nav-menu .menu-item {
float: right;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}
November 3, 2013 at 12:56 am #8667
Wes
Moderator
Ok, I thought you were originally referring to the primary, but that should work fine as well.
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Seconday Nav menu float right’ is closed to new replies.