Joomla Templates Club 406,261 posts

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#121983

Hi,

I want to switch the menu from starting at the left hand side to starting at the right hand side.
All my attempts thus far have just created menu items that run full width of screen :-*

If someone could give me some pointers on how to achieve this I would be very greatfull.

Kiwidesign

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#226927

First i wanna know which menu you use and an url to your site?

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#226929

Hi Menalto,

I have PM’d you the url I am using transmenu but don’t mind which one i use if one of the others is better suited to change then thats fine.

Thanks
Kate

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#226952

Can you set up the site with a few more menu items?And set it to the dropline menu?

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#227000

Have done that.

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#227156

I have tried floating #jasdl-mainnav a and #jasdl-mainnav a span to the right and it does move it to the right but it also messes everything up :confused:

Is this the right starting point? Do I just work at fixing it from there?

Appreciate your help,
Kiwidesign

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#227185

Can you give me admin access? I maybe can fix it from there

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#227238

Have PM’d you with the details.

Thanks alot for the assisstance.

Kiwidesign

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#229410

Well,

I have got so far on this change but am now quite stumped.
I can get it all looking good apart from the end menu image which appears on the left of the actual menu instead of the right.

This css


#jasdl-mainnav {
float:right;
}

if I change to


#jasdl-mainnav {
float:left;
}


It puts the main section of the menu back to the left and the end image now sits in the correct place at the far right. – I have tried having the end image output in different locations but can’t seem to find a combination that outputs correctly.

Can anyone give me any other suggestions to try.

The website is menuwebsite

[swemmel Friend swemmelJoin date: February 2006Posts: 794Downloads:34Uploads:53 Thanks: 36 Thanked: 64 times in 1 posts]

#229420

kallan;27525Well,

I have got so far on this change but am now quite stumped.
I can get it all looking good apart from the end menu image which appears on the left of the actual menu instead of the right.

This css


#jasdl-mainnav {
float:right;
}

if I change to


#jasdl-mainnav {
float:left;
}

It puts the main section of the menu back to the left and the end image now sits in the correct place at the far right. – I have tried having the end image output in different locations but can’t seem to find a combination that outputs correctly.

Can anyone give me any other suggestions to try.

The website is menuwebsite

Hi Kallan,

Open you template’s CSS-file and search for the following code:

.ja-menu-right-active {
float: left;
display: block;
height: 28px;
width: 32px;
background: url(../images/mainnav-active-lr.png) no-repeat bottom right;
}

.ja-menu-right {
float: left;
display: block;
height: 28px;
width: 32px;
background: url(../images/mainnav-right.png) no-repeat bottom right;
}


Now change this code as follows:


.ja-menu-right-active {
float: right;
display: block;
height: 28px;
width: 32px;
background: url(../images/mainnav-active-lr.png) no-repeat bottom right;
}

.ja-menu-right {
float: right;
display: block;
height: 28px;
width: 32px;
background: url(../images/mainnav-right.png) no-repeat bottom right;
}


Hope this helps.

Kind Regards,

Peter

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#229422

Hi Swemmel,

Thanks for the suggestion – unfortnuately I have already done this – if i move the main section back to the left the right hand end displays in the desired place to the far right.

Cheers
Kiwidesign

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#229436

Find line 873 in the css file and add

margin-right: -440px;

Its the .ja-menu-right div…….

For me it looks like you havent placed everything as it should be, but if you add the code above you see that the image goes in place.

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#229547

Thanks a million Menalto,

Seems to work on the home link but not the others, and doesn’t seem to work in ie.
Would you be able to check on your browsers just in case its a cache issue here.

Thanks

😀

Kiwidesign

[Author]

Posts