[Solved] Extend top header category box and text field to stop truncating category names

[wakeforce139]

Not sure if my title makes much sense but I can't figure out a better way to describe what I want to do.

 

Basically I have some longer category names and they are being truncated to the point where it's hard to tell what they are even supposed to be.You can see what I mean here http://d.pr/i/dOiF

 

How can i make it so that the blocktopmenu drop downs show the entire category name?

Edited January 26, 2014 by wakeforce139 (see edit history)

[vekia]

in fact, in block top menu by default there is no "truncate" function, so i suppose that your module is modified?

do you know something about it?

[wakeforce139]

Vekia 

 

I don't think I made any changes to the module. I do use a semi-custom theme however so it's possible? I have sent you a PM with the link to my domain. Please let me know if you can help. I spent the entire day yesterday working on it haha. I need to get back to adding my product data.

[stottycabanas]

Hi wakeforce, assuming you have default theme, you can try editing /modules/blocktopmenu/css/superfish-modified.css. Right at the end of the file, find the line: width: 200px.  Change the value to e.g. 400px, or whatever value works best.

Cheers, Dave

[vekia]

in fact, this is non default theme

can you show contents of your module php file? i think that it is different than original one

[vekia]

edit:

 

i see

.sf-menu li li a {

line-height: 24px;

overflow: hidden;

text-overflow: ellipsis;

-ms-text-overflow: ellipsis;

-o-text-overflow: ellipsis;

white-space: nowrap;

}

 

this causing this

 

it's a part of /themes/MyTheme/css/cleantheme.css

[wakeforce139]

Should I just delete that line

[vekia]

that's right

remove this:
 

text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;

in addition: it will be necessary to change width of the menu exactly as Dave suggested

[wakeforce139]

So I did all of these changes (Dave's width suggestion to 400 px and then 500px) as well as remove those 3 lines from clean theme.

 

It had some impact but it's still messed up. http://theminershub.com/

[stottycabanas]

Hi wakeforce, sorry didn't realise you were using the Nice 'n Clean theme (like me). This will override the settings in superfish-modified.css.

So you need to change the width parameter in line 36 of /themes/default/css/cleantheme.css to the desired value.

Cheers, Dave

 

Edit: in your case replace default in the pathname by MyTheme

Edited January 26, 2014 by stottycabanas (see edit history)

[wakeforce139]

Dave you are the man! Thanks for pointing that out. I was looking for that line forever and just couldn't locate it! 

 

Thanks again, this is solved (I'll mark it now).

[vekia]

 

its ok

[wakeforce139]

Yeah thanks Vekia and Dave, between your solutions it's all good now.