Positioning sub-menus

Vfxdude » BigFeature

Positioning sub-menus

(10 posts) (3 voices)

Started 1 year ago by avance24
Latest reply from

Tags:

No tags yet.

avance24
Member

I change the width of the drop menus with:

/* Dropdown Menu - adjust height & width */
.sf-menu li.sfHover ul {
top: 27px;
width: 184px !important;
}

Thanks illusio

But now the sub-menus are still in their old position, too far right, how can I move them? Firebug refers to a class "children"...

Posted 1 year ago #
vfxdude
admin

.sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 27px; }

Posted 1 year ago #
avance24
Member

Hmmm... thanks, but i'm a picture guy, this is just a little too cryptic for me... shall I replace illusio's solution with this?

Posted 1 year ago #
vfxdude
admin
yes. you can format it like this if that's better:
```
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
   top: 27px;
}
```
Posted 1 year ago #
avance24
Member

That takes them back to their original width, (huge) ideal would be 100px, but then the sub-menu doesn't follow when I use the width attribute

http://sophiaskolan.se/ny

look at "klassbloggar"

Posted 1 year ago #
vfxdude
admin

there is a max width parameter for the navigation that can be changed. Search for "maxWidth" in theme-functions.php (located in library/functions).

Posted 1 year ago #
avance24
Member

Had no effect... at a guess I would say that parameter is for maximum allowed width, not a specific width. Feels more like it should be a CSS thing

Posted 1 year ago #
vfxdude
admin

change minwidth then, or remove the supersubs call: ".supersubs({ minWidth:11, maxWidth:30, extraWidth:2 })"

you can change it with css, but then you will be fighting with the supersubs script above, so remove it first in case...

Posted 1 year ago #
avance24
Member

That did it! Without touching the CSS...?

Many thanks

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.