Align single menu item right

This topic contains 8 replies, has 3 voices, and was last updated by Align single menu item right 1 Jamie Marsland 5 years ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #9067
    Align single menu item right 2
    Sarah Devine
    Member

    How would can I align a single menu item right? The rest of the menu items/pages are aligned left.

    Several pieces of advice result in css as:
    #menu-item-650 {
    float: right;
    }

    My menu ID (i think) is 650 (found via firebug) but this code still isn’t resulting in success. Any ideas?

    Thanks,
    Sarah

    #9086
    Align single menu item right 3
    Jamie Marsland
    Keymaster

    Hi Sarah,

    This sounds a bit more complex that the css you are trying above. I’ll have a think about a way this might work.

    If you find a solution in the meantime please let me know,

    Jamie

    #9089
    Align single menu item right 2
    Sarah Devine
    Member

    Hi Jamie,
    Thanks for the reply …
    Yes, not so easy seemingly. I’ve tried basically everything i can find on the issue doing a google search but none work. arg! I’ll keep searching for something that actually works.
    Cheers,
    Sarah

    #9121
    Align single menu item right 3
    Jamie Marsland
    Keymaster

    Ok please share if you find a solution :)

    Jamie

    #12694

    I’m desperately trying to find out how to do this on my primary navigation. I just want a telephone number to the right on my main navigation I’ve so far managed to give a single item a CSS class called ‘menu_tel_right’. But have failed miserably to make it do anything, even change the colour of the text! what am I missing? (I know it’s just about everything :( )

    #12885
    Align single menu item right 3
    Jamie Marsland
    Keymaster

    Hi Kelly,

    Just to let you know we haven’t forgotten about your question. We are just trying to come up with a good solution.

    Jamie

    #13465

    Had any thoughts on this? I’m still well and truely stuck trying to work it out

    #13466

    wouldn’t you know it… I had another go and worked it out. here’s the css that worked in the end when I put it in my child theme custom.css:

    ul.nav {
    width: 100%;
    }

    li#menu-item-190 {
    float: right;
    }

    #13491
    Align single menu item right 3
    Jamie Marsland
    Keymaster

    Cool, really nice work Kelly :)

    Thanks for sharing!

    Jamie

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

You must be logged in to reply to this topic.