- Posts: 94
- Thank you received: 0
Changing Top Menu to Read LTR
-
scottshort
Inactive member -
Topic Author
- Member
-
Less
More
13 years 2 months ago #14353
by scottshort
Changing Top Menu to Read LTR was created 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
.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.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
13 years 2 months ago #14374
by ivan.milic
Replied by ivan.milic on topic Re: Changing Top Menu to Read LTR
you can change that by:
#nav > li{
float:left;
}
left/right for float changes direction
#nav > li{
float:left;
}
left/right for float changes direction
Please Log in to join the conversation.
-
scottshort
Inactive member -
Topic Author
- Member
-
Less
More
- Posts: 94
- Thank you received: 0
13 years 2 months ago #14384
by scottshort
Replied by scottshort on topic Re: Changing Top Menu to Read LTR
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
#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
-
Less
More
- Posts: 6806
- Thank you received: 724
13 years 2 months ago #14427
by milos
Replied by milos on topic Re: Changing Top Menu to Read LTR
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.
-
scottshort
Inactive member -
Topic Author
- Member
-
Less
More
- Posts: 94
- Thank you received: 0
13 years 2 months ago #14449
by scottshort
Replied by scottshort on topic Re: Changing Top Menu to Read LTR
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
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.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
13 years 2 months ago #14477
by ivan.milic
Replied by ivan.milic on topic Re: Changing Top Menu to Read LTR
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
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