blank space at top header menu

[electronly]

Hi,

 

Hope u guys can help me with this issue; header menu shows a 'blank' space after last category and im in the search of a solution to fix this.

 

I was thinking about 'centering' the header menu, moving it to the right, but dont know where to start.

 

Under this text is the snapshot, and heres the link of the beta website: http://teinvitoaunaweb.es/asturhobby-es/index.php

 

Thanks to all

 

Edited December 30, 2013 by electronly (see edit history)

[vekia]

well it's not an issue, this is how menu works.

what you exactly expect?

you want to center whole menu? 

[Sharak]

I think the best way would be to change menu generation from list to table. Especially if you have 2+ languages and menu has different width on each language. This way menu links always cover whole width. Partially it can be done by making this changes in superfish-modified.css:

 

.sf-menu {
        display: table;
}
.sf-menu li {
       display: table-cell;
       float: left;
}
.sf-menu a {
       text-align: center;
}

 

That's just the start. Next you'll have to set style for dropdown menu...

Edited December 31, 2013 by Sharak (see edit history)

[onpelikan]

Thank you Sharak. Great solution. Much better then the original one. But I had to comment out css rules:

/*#header .sf-menu > li {
  border-right: 1px solid #dfd8ca;
}
#header .sf-menu > li > a {
  border-bottom: 3px solid #dfd8ca;
}*/

in file 0:/web/modules/themeconfigurator/css/theme5.css because of word wrap in cells. Smaller cells have bottom border not on the same line like larger cells.

 

(sorry for my bad english)