Joomla Templates Club 406,261 posts

[pixelprint Friend pixelprintJoin date: July 2009Posts: 34Downloads:0Uploads:14 Thanks: 6]

#154101

hi.. i would like to centre the top menu of droid: all the other elements are centre and it does not look good with the menu aligned left

cheers
dan

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#354861

<em>@pixelprint 193011 wrote:</em><blockquote>hi.. i would like to centre the top menu of droid: all the other elements are centre and it does not look good with the menu aligned left

cheers
dan</blockquote>

Hi,
Plz open file templates/ja_droid/css/template.css
Find this code beginning at line 398:


#ja-mainnav {
background: url(../images/mainnav-bg.gif) repeat-x left top #18223B;
border-top: 1px solid #3C5189;
position: relative;
z-index: 22;
}

Replace:


#ja-mainnav {
background: url(../images/mainnav-bg.gif) repeat-x left top #18223B;
border-top: 1px solid #3C5189;
position: relative;
z-index: 22;
text-align: center;
}


1 user says Thank You to Don Lee for this useful post

1. abbaskhalil

[pixelprint Friend pixelprintJoin date: July 2009Posts: 34Downloads:0Uploads:14 Thanks: 6]

#355450

hi thanks for that,,, but i had already tried that,, and all it does is centre the text inside the drop down,,,,,,
what i actually need is for the actual whole top menu to be in the centre of the page: it is not….. i only have about 5 menu items and the whole menu is left aligned see image

thanks

---

Attachments:

1. 

[mongini Friend monginiJoin date: January 2008Posts: 14Downloads:0Uploads:0]

#355709

I need center whole mainnav, and not the text in dropdown. How can I do?

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#355751

<em>@mongini 194252 wrote:</em><blockquote>I need center whole mainnav, and not the text in dropdown. How can I do?</blockquote>

Plz open file plugins/system/jat3/base-themes/default/css/menu/mega.css
Find this code from line 13:


.ja-megamenu ul.level0 {
margin: 0;
padding: 0;
}

– Replace:


.ja-megamenu ul.level0 {
margin: 0 0 0 84px;
padding: 0;
}

You can adjust the red number to have a best look with your site.

2 users say Thank You to Don Lee for this useful post

1. relaisluynes
2. abbaskhalil

[pixelprint Friend pixelprintJoin date: July 2009Posts: 34Downloads:0Uploads:14 Thanks: 6]

#355845

thanks for that,,, it works well,,,,,but if i add any menu items in the future i will not look good: is there anyway of having the menu float in the centre so that if the client adds more menu items it will still align in the centre?

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#355855

<em>@pixelprint 194427 wrote:</em><blockquote>thanks for that,,, it works well,,,,,but if i add any menu items in the future i will not look good: is there anyway of having the menu float in the centre so that if the client adds more menu items it will still align in the centre?</blockquote>

I think that it’s impossible.

[glenng Friend glenngJoin date: February 2012Posts: 256Downloads:24Uploads:64 Thanks: 45 Thanked: 7 times in 1 posts]

#500380

<em>@Don Lee 194306 wrote:</em><blockquote>Plz open file plugins/system/jat3/base-themes/default/css/menu/mega.css
Find this code from line 13:


.ja-megamenu ul.level0 {
margin: 0;
padding: 0;
}

– Replace:


.ja-megamenu ul.level0 {
margin: 0 0 0 84px;
padding: 0;
}

You can adjust the red number to have a best look with your site.</blockquote>

I did this but it works only for home page. In another pages menu still not centered… Why is that?

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

#500411

Hi glenng,

Could you post your site url here for further checking? also set Optimize Css in template manager to No.

[glenng Friend glenngJoin date: February 2012Posts: 256Downloads:24Uploads:64 Thanks: 45 Thanked: 7 times in 1 posts]

#500434

Ah it’s ok now… I don’t know what happened but it works now.

[Author]

Posts