Member Menu does not adjust width with font size

I have seen this bug on different sites on different servers, it is an issue with the dynamic sizing of the table td that holds the menu items like status, add items (the + icon), etc.  The idea is that the width of the table td will change if items are added to the menu.  However, if one wishes to increase the font size for the menu (and the CSS for the submenu bar is tied to this as well, so increasing the font size for the submenu increases the font size for the member menu bar), the table td width does not get resized properly to handle the increased space that increasing the font size results in.  Therefore, the content will wrap resulting in the member menu bar doubling in height.  On one site with different templates, I have seen the size calculated correctly when switching the template.  However, the issue returns as one moves through the size with the member menu bar doubling in height due to the items having to wrap.

It would be nice if the community could help me in finding a solution to this bug.

Geeks, making the world a better place
Quote · 13 Apr 2014

The member menu bar template has some javascript added, is something in that javascript controlling the width of the table td?

Geeks, making the world a better place
Quote · 14 Apr 2014

In fact it does:

http://nuknspax.com/d71/member.php?skin=uni_test1

login: alex1

pass: dolphin

Snap.JPG · 140.8K · 279 views
Free and premium Dolphin templates. Custom design services.
Quote · 14 Apr 2014

 

In fact it does:

http://nuknspax.com/d71/member.php?skin=uni_test1

login: alex1

pass: dolphin

Please go back and actually read what I posted.  I said that sometimes it will be correct but other times it won't be; and it is more often not than is.  Also, I have seen this happen on two different servers, two completely different sites.  Furthermore, there is a post here; http://www.boonex.com/forums/#topic/Help-Removing-Member-s-Nickname-from-Bottom-Menu.htm,  where the person wanted to remove the user name because of the same issue; so that is at least three different sites that has seen this issue.  There is a problem or otherwise I would not have reported this and asked for help.

Geeks, making the world a better place
Quote · 15 Apr 2014

GG that was not my issue.  It was that I increased the size for the member's nickname when logged in via a handheld (so it could be seen).  The problem was, if the nickname was a really long one, it took up so much space that it threw off the icons - they were forced to the next line and so the menu was twice as high.

I used css to style the width of the popup menu (submenu).  Try this and see if it helps you:

div.extra_top_menu table.fixed_menu div.popup_html table.popup {

width: auto !important;

}

Quote · 15 Apr 2014

  

Please go back and actually read what I posted.  I said that sometimes it will be correct but other times it won't be; and it is more often not than is.  Also, I have seen this happen on two different servers, two completely different sites.  Furthermore, there is a post here; http://www.boonex.com/forums/#topic/Help-Removing-Member-s-Nickname-from-Bottom-Menu.htm,  where the person wanted to remove the user name because of the same issue; so that is at least three different sites that has seen this issue.  There is a problem or otherwise I would not have reported this and asked for help.

I tried a few times all manipulations you described in chrome and failed to modulate this problem. Please provide a link to those sites if you can. Also in UNI template a calculated width of td is always constant for the same menu items. So most likely the problem is in 3rd party template styles. 

 

The member menu bar template has some javascript added, is something in that javascript controlling the width of the table td?

 There is a javascript in "extra_top_menu.html" base template file on line 260:

   $(this).parent().css( 'width', $(this).width() + 5 );

 

It determines a width of td sections taking childs div width + 5px.

Free and premium Dolphin templates. Custom design services.
Quote · 15 Apr 2014
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.