Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   [SOLVED] Need one of my pages to align right in menu bar (http://forum.bytesforall.com/showthread.php?t=13128)

Loto Mar 3, 2011 07:55 PM

[SOLVED] Need one of my pages to align right in menu bar
 
1 Attachment(s)
I am trying to insert a single page in the page menu bar (menu 1) and have it align on the right side. I need it on the same line as the other pages in the menu (therefore - using an image above/below or a category menu will not work, as far as I know). Does anyone have any thoughts or suggestions for how I can make this work?

A quick search of the forums did not turn up much and I am not very knowledgeable on using wordpress's menu setting.

Huge fan of the theme. Much appreciated for all of the hard work!!!

http://www.dontrenew.com/images/question1.jpg

lmilesw Mar 4, 2011 07:25 AM

  1. Determine the selector of the menu item you want on the right (EG #menu-item-297)
  2. Add CSS in CSS Inserts to float it right such as
HTML Code:

#menu-item-297 {
float: right;
|


Loto Mar 4, 2011 07:51 AM

Dumb question, but to determine the menu selector, I...?

is it the post/page number? If so, I replaced your suggestion

Code:

#menu-item-297 {
float: right;
|

with

Code:

#menu-item-207 {
float: right;
}

in CSS inserts (added to the bottom of the inserts) and ended up with this
http://www.dontrenew.com/images/question2.jpg

I need that "Estimate" page on the far right. Thanks

juggledad Mar 4, 2011 08:37 AM

You need to look at the source of the page. do a find on 'estimate' and look at the ''<li id="menu-item-1826" ...' prior to it and that will be the one you use. So '1826' will be different in your case

Loto Mar 4, 2011 09:18 AM

Looked at the source code on the main page and the 'Estimate' page and did not see find any code that matched

li id="menu-item-

the only thing i saw related was...

<li class="page_item page-item-207"><a href="http://streamlineservicesolutions.com/estimate" ><span>Estimate</span></a></li>

any suggestions on what i am missing?

if it helps, i can take the site off maintenance mode for a short bit

(thanks to both of you for your help so far)

runnerb0y Mar 4, 2011 09:48 AM

Not having a URL to look at, it makes it a bit tough to assist. Here's a solution I helped another user who was trying to (I think) do the same thing.

Code:

div#menu1 ul.rMenu li.page-item-910 {
float:right;
}

In that user's case, I was able to use Firebug to examine his site and determined that the ID associated with the menu item was 910. You can use Firebug (A Firefox addin) to determine the specific characteristics of your menu tab and then adjust the above code accordingly.

Loto Mar 4, 2011 10:03 AM

many thanks runnerboy... that worked like a charm

SOLVED


All times are GMT -6. The time now is 02:52 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.