Top horizontal menu - cms page character limit or tool tips

[sadettinz]

Hello,

 

I use the prestashop in catalog mode for the company's web site and it's simply amazing! What I recently did was to add some FAQ section in the top menu for customer reference. I created and translated a page and it works perfectly. However when I rollover the mouse on the horizontal menu it only shows a little part of the page name, which is not very good as the customer may not understand what it is all about, especially when I continue adding pages there. Below I will add a screenshot for that.

 

 

Is it possible to show the entire page name in the menu or at least to display a tooltip box if the mouse waits for a certain time on the link? I use nice & clean theme which is actually not a theme but a skin on the default theme. The shop version is 1.5.5. Shop url is :http://www.zinisan.com.tr/en/

 

Thanks for help

[NemoPS]

Hi there!

The default  menu doesn't usually cut titles as far as I know.

Inspecting the code shows that the whole text is there.

 

I can't inspect it with javascript enabled as you have a rightclick disabling script, but you should try and edit cleantheme.css, looking for 

.cleantheme .sf-menu li li a 

 

And similar, especially on li elements, and their anchors, which might have '...' attached as a n :after pseudo selector

[sadettinz]

Hi Nemo
 
Thank you for your answer. You are right, I use a module to prevent right click and text selection on the site for anti theft reasons. I checked the cleantheme.css as you suggested and found the following code responsible clipping my text:

.cleantheme .sf-menu li li a{line-height:30px;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}

I googled a bit to understand what it actually does, and found some other values for overflow. But changing values did not give the result I had expected. I think it's not likely to find a solution to display the entire text or have it slide in the box like we used to do in html with "marquee" tag. Do you have any idea how to add a tooltip for those long text elements which has the same content with the clipped text tag? Just like image alt tags.

[NemoPS]

What happens if you remove the text overflow part?