Support Forums

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!
Thanks,
Sarah

4 Answers

Arun Sasi

More than a month ago #Permalink
Hi,

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.

Thanks
Arun

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!
Sarah

Arun Sasi

More than a month ago #Permalink
Hi Sarah,

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

Thanks
Arun


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

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 148
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 87
Toufiq

Toufiq

Total Accepted Answers: 25
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289516

Community Users

Newsletter

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