Support Forums

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

Your Time: Our Time:

Center horizontal menu

Featured Lock Resolved Issue
Hi
I have used css to create a horizontal menu in the bottom section of the page

#sp-bottom .sp-module ul > li {
display: inline;
float: left;
margin: 0px 30px;
}

However I am unable to get the menu to center on the page

http://rmcreative2.swebstest.com/index.php

Tried text-align without success

Please advise

Malcolm

6 Answers

Paul Frankowski - Staff

4 weeks ago #Permalink
add this also to my previous code

#sp-bottom .sp-module ul > li {
display: inline-block;
text-align: center;
padding-right: 15px;
}

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
try this, should help

#sp-bottom .sp-module ul {
margin: 0 auto !important;
text-align: center;
max-width: 630px;
}

SuperSys IT Services

More than a month ago #Permalink
Hi
Thanks for the reply

However this is giving me a vertical menu where I wanted a horizontal one

Tried adding display: inline; to your css with no success

Malcolm
Hi
Any more thoughts on this
Malcolm
Hi Paul

That seems to have done the trick

Please mark topic as resolved

Many thanks
Malcolm


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: 132
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 93
Toufiq

Toufiq

Total Accepted Answers: 24
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289646

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