Hello!

Is there a simple way to place the last item of the page menu bar on the right-hand margin, leaving a gap between the next-to-last and the last menu item?

Thanks a lot in advance
Pitt

Look into the source code to see if the last or next-to-last LI has a unique class such as page-item-109, then add a CSS Insert:

ul#rmenu2 li.page-item-109 {
margin-left: XXpx;
}

or margin-right if you use the next-to-last LI item

Hi Flynn, thanks for the quick reply!

Sorry, I'm a complete newbie... what do you mean by "unique class"? Do you mean the order number? Or the page_id? And am I suppose to replace "XX" by some number of pixels? I tried all of them, with no success...

Cheers
Pitt

Surf to your site, choose "View Source" or similar in your browser to view the source code, and see if there's something like

<li class="page_item page-item-106">

Then take the part with the number page-item-106 and add a CSS style for it, through A. Theme Options -> HTML/CSS Inserts/CSS Inserts:

 ul#rmenu2 li.page-item-109 {
margin-left: XXpx;
}

And replace XX with the amount of pixels you want to move the menu tab

The additional space in the page menu only shows up when the page menu tab in question is *selected*, but not in the other pages... I want the additional space to be always there.

By the way, in my website the page-item always corresponds to the page_id in the URL.

Cheers
Pitt

Try

ul#rmenu2 li.page-item-109 {
margin-left: XXpx !important;
}