I write to ask how to move a main menu to the left.

The following image shows the position of the main menu on, respectively, chigov.com and test2.chigov.com . The first uses the Responsive v. 2.2.3 template, and the second uses the Responsive2 template.




On test2.chigov.com, I want to mimic the main-menu position of chigov.com. That is, I want to move it left to the area shown by the red arrow.

Here's what I've tried:

In template parameters controlled by Layout > Widths, I changed MENU width from the value12 to lower values, such as 5, 6, and 7. This had no effect.

Inspecting the menu's style using Firebug, I saw this code in theme.blues.css:
.zen-menu-center {float: none !important; text-align: center;}

So I tried adding each of these (separately) to custom CSS:

#menu ul > li a, #menu ul > li .zen-menu-center {float: left !important;}

#menu ul > li a, #menu ul > li .zen-menu-center {text-align: left;}

Neither of these had any effect.

Suggestions?

Jim

Hi Jim,

Did you try this setting?

Woops, totally missed that! Thanks, Paul.

Jim

No problem

Cheers
Paul