I’m using the CSS Menu Action. I have one word “menu” and then half a dozen sub menu options. I would like my main menu and sub menu options to be right aligned.
In the Action dialogue window I can make the main menu settings right aligned, but this option doesn’t appear in the sub menu settings.
The CSS Menu action uses floats to achieve it’s alignment, so any solution
here will be a complex one. I would hope the action author would chime in
with a solution.
–
Ernie Simpson
On Tue, Apr 9, 2013 at 4:41 AM, Mark email@hidden wrote:
I’ve tried that, but it doesn’t work. I presume the CSS Menu Action
over-rides the right aligned text.
There is a setting in the Action to right align the main menu options, but
not the sub menu options…
Make sure your text is aligned right and that both the main menu and sub menu settings are set to ‘Text Direction Right to Left’. This will give you the correct sub menu but aligned to the left of the parent. The following CSS (added to the head of the page) should correct that;
Note that the -1px takes into account the border I’ve on the sub menu. Set your style to 0 (zero) if you aren’t using a border on the sub menu.
Regards,
Tim.
On 9 Apr 2013, at 09:56, Ernie Simpson wrote:
The CSS Menu action uses floats to achieve it’s alignment, so any solution
here will be a complex one. I would hope the action author would chime in
with a solution.
Works for me! When I posted the suggestion I had already tested it. But I re-tested it and it still works. I had a menu that was centre aligned - by simply right-aligning the text in the box the menu and sub-menu is right-aligned. Works whether the menu is horizontal or vertical. It is even possible to have a different alignment for the main menu and sub-menu by aligning the relevant text, should that be desired.
On 9 Apr 2013, 8:41 am, Mark wrote:
I’ve tried that, but it doesn’t work. I presume the CSS Menu Action over-rides the right aligned text.
There is a setting in the Action to right align the main menu options, but not the sub menu options…
I’ve put the code in FW: Page > HTML Markup > Before
and I’ve made my text style right align and selected ‘Text Direction Right to Left’ for both main and sub menu options - but as you can see it still isn’t work (as per your example). Any ideas?
Hi Mark,
It looks like your sub menu width is set to 60 pixels. Set this to at least as wide as the longest line in your menu (I make it 156 pixels) and the text should align right; http://d.pr/i/E7Y2
You also appear to have the blog and library entries running into each other.
Regards,
Tim.
On 9 Apr 2013, at 14:49, Mark wrote:
I’ve put the code in FW: Page > HTML Markup > Before
and I’ve made my text style right align and selected ‘Text Direction Right to Left’ for both main and sub menu options - but as you can see it still isn’t work (as per your example). Any ideas?