Main Navigation – Move a few items to right

  • kmjwpdesign

    (@kmjwpdesign)


    8 years ago

    Hi,

    I’ve tried to move a few items to the right using the following:

    li.id menu_item_808 {
    Float: right;
}

    with no change. I’d like the volunteer and get involved menu items to line up with the buttons on the header. What am I doing wrong?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator bcworkz

    (@bcworkz)

    The menu on new.valleyforgeaudubon.org, right? Without that context, no one but me could know what you’re talking about ??
    (For anyone else reading, kmjwpdesign and I have history.)

    Your rule would actually work, except the item is as far right as the nav container will allow. To go further, the nav container width needs to be changed from max-width: 100%; to width: 100%; (line 918)

    That still doesn’t quite get it for Volunteer because of the item padding. The padding-right value just for the Volunteer anchor link style needs to be set to zero.

    Thread Starter kmjwpdesign

    (@kmjwpdesign)

    When I look at line 918 here’s what I see:

    .css( {
									'background-image' : 'url("' + src_item.attr( 'src' ) + '")',
									'background-size' : '100% 100%',
									'background-position' : 'center center'

    Is that right? Sorry I am a noob ??

    Moderator bcworkz

    (@bcworkz)

    Nope, my bad. The complete rule:

    .main-navigation {
    float: right;
    max-width: 100%;
}

    at 918 of wp-content/themes/radiate-pro/style.css. This is just for reference, don’t change this rule. Override it where ever you are placing your other custom rules. Try this override:

    .main-navigation {
  width: 100%;
}
    Thread Starter kmjwpdesign

    (@kmjwpdesign)

    ok so I tried it

    .main-navigation {
  width: 100%;
}
	
li.id menu_item_808 {
    Float: right;
}

    and I don’t see a change?
    Thanks for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Main Navigation – Move a few items to right’ is closed to new replies.