Joomla Templates Club 406,261 posts

[pdfx Friend pdfxJoin date: January 2010Posts: 71Downloads:0Uploads:1 Thanks: 5 Thanked: 2 times in 1 posts]

#151759

Hi ALL

On the main menu, using mega menu, Ja menu position, i have only 4 tabs,
How can you change the position of the tabs from left to right?

I do not mean by using the RTL Language support, just aligning them to the right

to

Been searching around css, cant find

Pd

[uniquebiz Friend uniquebizJoin date: February 2010Posts: 596Downloads:0Uploads:40 Thanks: 33 Thanked: 156 times in 119 posts]

#346904

pdfx;182622Hi ALL

On the main menu, using mega menu, Ja menu position, i have only 4 tabs,
How can you change the position of the tabs from left to right?

I do not mean by using the RTL Language support, just aligning them to the

Pd

Interesting request, I know of no one in a left to right speaking world who whould want to do such a thing?

but as the RTL right to left switch does what you wish ( right margin flush the menu look in template_rtl.css for the code that handles the mainnav positioning and replace the main nav parameter in the template.css with it, then just re order you menu items to suit the change?

I hope this helps do what you wish
Blessings Shannon

[pdfx Friend pdfxJoin date: January 2010Posts: 71Downloads:0Uploads:1 Thanks: 5 Thanked: 2 times in 1 posts]

#346980

Well i never thought it was that odd a suggestion lol
Some ites have top tabs aligned to the right..

Anyway it was not essential, just if it was easy..

Thanks for the answer though

Pd

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#347356

Dear pdfx!

Pls open the file: ja_kyanite_ii/templates/ja_kyanite_ii/css/menu/mega.css and find the following css:

ul.level0 {
float: left;
margin: 0;
padding: 0;
}

and replace:

ul.level0 {
float: right;
margin: 0;
padding: 0 12px 0 0;
}

and

ul.level0 li.active, ul.level0 li.active.first {
background: url(../../images/mainnav-bg.gif) no-repeat -450px -48px;
color: #fff;
}

and replace:

ul.level0 li.active, ul.level0 li.active.first {
background: url(../../images/mainnav-bg.gif) no-repeat -409px -48px;
color: #fff;
}

GOod luck

[Author]

Posts