CODEWITHSUNDEEP
joomlajoomla3.0
dream world
dream world

Reputation: 11

How move main menu to center in joomla

my main menu is aligned in left I want to move my main menu items in the center of the page.I'm using protostar template.

Upvotes: 1

Views: 1974

Answers (2)

Thu Do
Thu Do

Reputation: 1

You open the file template.css in folder templates\protostar\css\template.css if you use template protostar. And find the line of code:

.navigation .nav-pills {
    margin-bottom: 0;
}

add code:

.navigation .nav-pills {
   margin-bottom: 0;
   display: flex;
   justify-content: center;
}

As the following image

Upvotes: 0

Neil Robertson
Neil Robertson

Reputation: 3345

Assuming you are using Joomla 3.5 or later, create a file at: templates/protostar/css/user.css if it doesn't already exist and add the following contents to the file:

.navigation { text-align: center; } .navigation .nav { display: inline-block; }

Upvotes: 1

Related Questions