Hi everybody,

i have a question concerning to center a menu in a template section. I used in the custom.css of joomla a class with "margin: 0 auto" to center the section horizontal and added the class to the template section (layout). This functions very well. But on only one menu link the main menu is not centered when i call the site. In the administration tool of the web browser the "margin: 0 auto" is active (see picture) but the menu is aligned left. What did i wrong? I use the template "tp_perfect" Framework Version: 2.6.2, Template Version: 1.3.11.

Thank you for help ...

Martin

The main menu and also sticky menu is configured in the template options. You can of course make manual adjustments in the custom.css. Please post the link to the website and the CSS code in the custom here. Then I can say more.

Hello Dirk,

i am sorry, but the project is only offline on a local server accessible. The only possibility to get access at the moment is over the tool "anydesk".

I try to explain it: In the template options i added on the section where the menu modul (position footer-1) is published a css tag. So i added to the section named "footer1" a user class named "margin-center". This class is defined in the custom.css --> .margin-center {margin: 0 auto!important;}

This methode works for all menu entries in the site but not for one single menu entrie.
But if i use a specific menu entrie to call the site (normal article menu entrie on the main menu), the footer menu is not more centered. On all other menu entries it works fine.

IMG4 shows the align left with the non function menu entrie, IMG5 shows the align center as it is on all other menu entries.
For me it is not traceable why ...

I hope you can help me ...

Thank you

Nice greetings,
Martin

Versuche es mal mit text-center

Hi Martin,
did you insert your code in the custom.css or in the template settings at custom code / custom css?
Do that in the template options and not in the custom.css.

Hallo everybody,

i am sorry to tell you, that both solutions to finish the problem didn´t work. At first i dried the class "text-center" and it didn´t work on any menu item or page. To insert the class into the template options had the same effect like using the costum.css file. On all menu entries and pages until one (everytime the same) the center of the menu works with "margin: 0 auto". I don´t know what is different of this one page to the others. It is an normal article like others are and the layout is made central over the template options. I can´t understand why one page is different ...

Any more ideas .... than´s a lot to all!