[konne]

So sorry!!!!!!!!

I have found an error in my CSS-settings. Now it works fine on main-menu width.

You can see the menu at webdok.dk

Sorry

Konne

[konne]

Thank you

I have now inserted this selector into my shadow css-file:
@media (min-width: 768px) {
#main-menu{width: 300px;}
#main-menu > li > a{padding-right: 3px; }
}

The #main-menu > li > a{padding-right: 3px; } works perfect and I can have text all the way to the right border. And what is more: The items seems have stopped to change hight on focus / not focus. The menu is now well underway to be a dream to use.

Then ‘#main-menu{width: 300px;}, #main-menu{width: 200px;}, #main-menu{width: 500px;} does not change a thing on the total width of the main menu.

And a new one:
On the left side of my menu-texts I have an unused space of some 20px.
I believe it is space reserved for the ‘subIndicatorsText’.

I do not use the subindicators (have set the indicator to space).

I might suggest that you in the next release introduce a js-parameter ‘subIndicatorsDisplay’ true|false. On false the space should be released for menu-text. – With a posibility for ‘ #main-menu > li > a{padding-left: 3px; }’.

In the meantime any suggestion on the change of the total width of the main menu?

[konne]

Thanks for the reply

You are partly right:

The ups and downs in heights were due to change to this:
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
padding: 13px 20px;

I had reduced both the vertical and the horizontal padding.
Going back to default means that:
1. The space for each menu item is now much higher than necessary and preferable. (I might run short of space on smaller screens).
2. The space for text in the items is reduced slightly.
I would like both the vertical and the horizontal padding in this selector to be reducable all the way down to 0 px (3-5 in practise for both) without any dynamic change in height or change to word wrap to the items when they are toggle-/path-active. That is the way I think it should be default.

Further the two first items on my list still remains:

1. How can I make the main menu itself wider (For me by some 15 to 30 pixels. For others may be more) to provide more space for text?

2. How can I make the right some 20-40 pixels of the mainmenu-items available for text (in addition to the above)? Now the text wraps around much too early.

PS: I use vertical simple

[Author]

Posts