Top Navigation Display Menu Centering

[pinwheel]

Hello everyone,

 

I tried to center the Top Horizontal Menu, I did follow a few others on google and sadly the result wasn't what I was looking for.

 

Previously I did the following, only problem is the text within the sub-menu's also end up centering and it looks funny. I would like to keep them left when they open.

 

Any help would be much appreciated.

 

Go to /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css
 
Change the .sf-menu
 
From:
.sf-menu {
  position: relative;
  padding: 0;
  width: 100%;
  border-bottom: 3px solid #e9e9e9;
  background: #f6f6f6; }
 
To:
.sf-menu {
  text-align: center;
  padding: 0;
  width: 100%;
  border-bottom: 3px solid #e9e9e9;
  background: #f6f6f6; }
 
And under .sf-menu > li, delete float: left; and add in display:inline-block;

 

 

Edited March 2, 2016 by pinwheel (see edit history)

[polosat]

Try to add this code. Hopefully this is what you are looking for.

.sf-menu ul {
    text-align: left;
}

[pinwheel]

Thank you for your reply. I found a website which allowed me to customize everything. I got the website looking just how I wanted. Thank you.