all I want to do is change the alignment of the simple menu system from default on the left to centered on the browser. also, when the browser is deflated ( rubber banded back to a smaller size), the menu will not scroll to a smaller size. BTW, what is the term for when you make use the mouse to make the browser smaller?
I am sure there is a simple solutions... perhaps margins or something like that.

CommentFileSizeAuthor
#3 9-19-2012 8-57-40 PM.png3.08 KBJohnnyW

Comments

mfer’s picture

mfer commented

Simplemenu lets you use a custom theme for the menu bar. That might be your simplest solution.

zroger’s picture

zroger commented
Status: Active » Closed (duplicate)

see #219740

JohnnyW’s picture

JohnnyW commented
StatusFileSize
new 9-19-2012 8-57-40 PM.png3.08 KB

I am considering using css on original.css line 2 in module:

simplemenu-block {
height: 21px;
/* I added below */
display: table;
margin: 0 auto;
}

For simple black setup, then use the simpleblack.css on line 2 I believe:

.simplemenu-block {
height: 28px;
_margin-bottom: -20px;

/* I added below */
display: table;
margin: 0 auto;
}

AlexisWilke’s picture

AlexisWilke commented

Nonnie,

Thank you for sharing your solution.
Alexis

See also #219740: Centering Menu

JohnnyW’s picture

JohnnyW commented

For sure...

but also watch the width % to ensure it looks right ;)

Nonnie