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

More than a month 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

SuperSys IT Services

More than a month ago #Permalink
Hi
Any more thoughts on this
Malcolm

SuperSys IT Services

More than a month ago #Permalink
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: 119
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 110
Toufiq

Toufiq

Total Accepted Answers: 89
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 4
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

296174

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