Changing Top Menu to Read LTR

More
13 years 2 months ago #14353 by scottshort
Hi my top menu reads RTL [home is on right] and I would prefer this to be LTR. I could not find exact solution on forum search so posting question. Is there a setting in template to change this or must we hack the template_css.php file? I found this:

.user3 {
text-align:left;
width:<?php echo $headerModulesWidth; ?>px;
height:32px;
}

Do I need to modify this?

I am happy with position and right alignment of Menu, I just want first menu item [home] to show in far left position, not far right. I guess I could re-order my menu items in menu manager, but think it better to modify template.

What do you suggest? Thanks

Please Log in to join the conversation.

More
13 years 2 months ago #14374 by ivan.milic
you can change that by:

#nav > li{
float:left;
}


left/right for float changes direction

Please Log in to join the conversation.

More
13 years 2 months ago #14384 by scottshort
Thanks Ivan, but where does this code go? Template_css.css or Template_css.php? In the first I found:

#nav li {
float:right;
position:relative;
margin:0 0 0 20px;
padding:1px;
}

I changed "right" to "left" and saved file, but no change on front end.
And I could not find similar code in Template_css.php. I must be missing something here...

Thanks

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
13 years 2 months ago #14427 by milos
If you want to keep right alignment of the menu, there must be float:right, and the Home item must be the last in the list (in Joomla Menu Manager).

Please Log in to join the conversation.

More
13 years 2 months ago #14449 by scottshort
Hi Milos, ok I will do this, but for my education, what exactly does "float" code do? Am I correct to say that "right" shifts position of module items to far right side of module, while "left" should shift items to far left of module [like most standard top menus]. I guess I didn't see a change when I switched this code, because I have pretty much filled up the module already with 6 menu items.

So "float" command is not what has Flipped this menu over [mirror image]... and you are saying that there is no easy code way to do undo this? Thanks again for your help and sorry for my ignorance with this.

Scott

Please Log in to join the conversation.

More
13 years 2 months ago #14477 by ivan.milic
float means:
1. do not stretch element more than nessery (width)
2. stick it to left/right with other floating elements
3. floating element can not stretch it's parent in height, it doesn't reserve space

Please Log in to join the conversation.

Time to create page: 0.167 seconds
Powered by Kunena Forum