Joomla Templates Club 406,261 posts

[jana1 Friend jana1Join date: February 2008Posts: 45Downloads:0Uploads:0 Thanks: 4]

#134925

Hi,

The buttons on the Main Menu are on the left hand side.

How can I bring them in to the middle??

Thank you

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#277532

? What do you mean? You want to move the button AND link more towards the middle or you want the button just moved to the middle? Wouldn’t it be in the middle of the text if you did that?

[jana1 Friend jana1Join date: February 2008Posts: 45Downloads:0Uploads:0 Thanks: 4]

#277537

Hello Scotty,

Sorry for my bad English.

I’d like to chang the Main Menu like this (which I made with Photoshop):

Thanks

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#277539

Hi Jana, your English is fine I just wasn’t sure which menu you were talking about.

I presume by button you mean the little white triangle? This is already in the middle on the demo template. If it is on the left on yours you must have altered the menu css for the type of menu you are using.

Do you have a live url to your site?

[jana1 Friend jana1Join date: February 2008Posts: 45Downloads:0Uploads:0 Thanks: 4]

#277541

Hi Scotty,

no, I don’t mean the little white triangle. 🙂

Original:

My wish:

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#277542

aha I’m with you now Ted!! Disregard the text above.

You want to center the whole menu in the page!!

Which menu type are you using?

[jana1 Friend jana1Join date: February 2008Posts: 45Downloads:0Uploads:0 Thanks: 4]

#277544

<blockquote>Which menu type are you using?</blockquote>

I use “Moo Menu”.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#277545

Hmm I can’t really help you properly but this kind of works…

Online line 21 of ja.moomenu.css find…

#ja-cssmenu {
margin: 0;
padding: 0;
}
Change it to…

#ja-cssmenu {
margin: 0 150px;
padding: 0;
}
IMPORTANT: This may cause your menu to go to a second line. If your menu goes on to two lines then reduce the 150px until it goes back to 1 line.

If anyone reads this who knows their CSS… I tried to do margin: 0 auto; but it has no effect. Any good reason why not??

1 user says Thank You to scotty for this useful post

1. muffi

[jana1 Friend jana1Join date: February 2008Posts: 45Downloads:0Uploads:0 Thanks: 4]

#277561

Scotty,

You are the BEST!

Thank you very much indeed.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#277610

Hi
Can i mrk this topic is solved ?

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#277627

Hi nguoiabcd, do you know the answer to my question above?

Why wouldn’t margin: 0 auto; work?

oh and your welcome Jana

[Author]

Posts