Joomla Templates Club 406,261 posts

[David Porré Friend David PorréJoin date: September 2014Posts: 194Downloads:44Uploads:5 Thanks: 23 Thanked: 9 times in 1 posts]

#156235

Hello,

I would like to center the main menu (using mega menu), usually, I do this easily, but with this template, I can’t get it done.

Could you please help me ?

Hoping for answers, best regards,
David aka Shapes

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

#362265

Hello David aka Shapes !

You need to fix the width of container menu to center the menu:
you open the file: templates/ja_community_plus/css/menu/mega.css and find the following code:

you find:
[PHP].ja-megamenu { margin-left: 25px; }[/PHP]

replace:
[PHP]
.ja-megamenu { margin: 0 auto; width:800px }

[/PHP]

in your template, you adjust the value 800 by other number

[David Porré Friend David PorréJoin date: September 2014Posts: 194Downloads:44Uploads:5 Thanks: 23 Thanked: 9 times in 1 posts]

#362441

Hello tienhc,

I tried Your trick, but it didn’t work for me…
This would work only if I set the exact width of my menu in the code, but I can’t do that, as the width of the menu changes regarding the computer used to visit the website.

I gave all access informations in support ticket #TXF-995420 if you want to check some more…

Hoping for answers, best regards,
David aka Shapes

[David Porré Friend David PorréJoin date: September 2014Posts: 194Downloads:44Uploads:5 Thanks: 23 Thanked: 9 times in 1 posts]

#364107

Hello,

I got this finally fixed with some help from the support, and some search in the forum.

In the file “head.php”, I had to add :

<script type="text/javascript">
//<!]>
</script>

The “+ 5” is important for firefox mac !

And in “mega.css” :

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

It’s now perfect !

Hope this will help,
Best regards,
David aka Shapes

[Author]

Posts