By Lupylu on

Hi, I have written a custom theme based on Bartik and have an issue that I have been trying to resolve for days, by reading, searching and rewriting the css for the superfish module. I have overwritten the superfish css with a custom file, which is all working perfectly, except for the background width of the dropdown menu, as can be seen here The background width even though I have removed all instances of this in all of the superfish files, still has a width of 12em. In Firebug this is the html where the 12em is: <ul class="" style="float: none; width: 12em;">
I have managed to colour the background to pink, and narrowed that down using firebug to this: .sf-depth-2{width: 6em; background-color: pink; } but adjusting the width here makes no difference.
Any help would be greatly appreciated. I have found this post, which had a similar issue, however the display block, inline removal didn't work for me.
Thanks in advance

⋅ Categories: Drupal 7.x

Comments

Lupylu’s picture

Lupylu commented

Fixed. For anyone that is interested, the issue was because of .end().end()[0].clientWidth / fontsize; in the supersubs.js file.

jshock’s picture

jshock commented

how did you fix it?

artatac’s picture

artatac commented

Yes how please

jshock’s picture

jshock commented

Here is how I changed superfish width. To change the menu width, you go to the menu configuration, not the CSS (which is where I got messed up). Go to Structure > Blocks and select the Superfish menu you wish to edit. There is a SUPERFISH PLUGINS toggle that lets you configure various aspects of the menu, including width.

Jim Bacon’s picture

Jim Bacon commented

As per reply by Lupylu, the supersubs.js is applying an inline style that cannot be overriden in css.
As per reply by jshock, the configuration allows you to change the width of supersubs.
If you don't actually want supersubs, which seem to be enabled by default, then disable them in the configuration and width settings are then done in css and can be overriden.

cebab54’s picture

cebab54 commented

This all worked great as noted above until about a fortnight ago following the latest core update, and now the module seems to have serious issues with rendering the menus with SuperFish.  Widths have reverted to a narrow standard width and are overwriting each other both vertically and horizontally.  It is suddenly a mess!

I have gone through and checked the Library, the easing.js file, etc and nothing is out of place.  I can only think that there is an issue with the latest Core Security release and the Superfish Module?

Or if somebody knows better, then please help?

Thanks