We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Center Main Menu

Featured Lock Resolved Task
Hi there,
I have a site running the Corporex template where I would like to center the main menu.
The problem I am having is that when I align the menu to the center using
text-align: center
it forces the submenu items to the center as well.

I would like to center the Main Menu Headings ONLY and leave the text in the submenus aligned to the left as they are by default...

If anyone could help it would be much appreciated!

4 Answers

Arun Sasi

More than a month ago #Permalink

For left aligned sub-menu list add below css

#sp-main-menu li li:not(.sp-menu-group)>a {
display: block;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
line-height: normal;
text-decoration: none;
padding: 10px;
color: #999999
text-align: left !important;;

In the above code have added additionally

text-align: left !important;

This will force menu come in left.


Sarah Morris

More than a month ago #Permalink
Thanks so much for the help Arun! :)
That is exactly what I needed!
Your help is very much appreciated!
Thanks again!

Arun Sasi

More than a month ago #Permalink
Hi Sarah,

If your issue resolved please "Accept as Answer" in the thread.


There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us