Shifting Primary Navigation Bar to right

Community Forums Forums Design Tips and Tricks Shifting Primary Navigation Bar to right

This topic is: not resolved

This topic contains 9 replies, has 2 voices, and was last updated by  Mike Gosling 1 year, 9 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #17840

    Mike Gosling
    Participant
    Post count: 24

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


    Dr. Mike Gosling, The Emotional Leader Program

    #17846

    SoZo
    Moderator
    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

    #17871

    Mike Gosling
    Participant
    Post count: 24

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


    Dr. Mike Gosling, The Emotional Leader Program

    #17875

    SoZo
    Moderator
    Post count: 1573

    You’d need to break out the .menu-primary ul selector out of this group
    [code]
    .menu-primary ul,
    .menu-secondary ul,
    #header .menu ul {
    float: left;
    width: 100%;
    }[/code]

    Into its own rule
    [code]
    .menu-primary ul {
    width: auto;
    float: right;
    }[/code]


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

    #18426

    Mike Gosling
    Participant
    Post count: 24

    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

    #18427

    SoZo
    Moderator
    Post count: 1573

    Change it to this

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


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

    #18537

    Mike Gosling
    Participant
    Post count: 24

    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

    #18539

    SoZo
    Moderator
    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

    #18547

    Mike Gosling
    Participant
    Post count: 24

    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

    #18867

    Mike Gosling
    Participant
    Post count: 24

    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

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

You must be logged in to reply to this topic.