Navigation Username Truncated

[Redh]

Hello again! I hope you don't mind these questions - hopefully they will help other new users too

In the top navigation bar the username seems to be getting truncated even in desktop mode to about 7 characters, followed by "...". See here a user called Axelbaxel:

I looked in the template files, and it seemed to be working out the width for this area dynamically rather than having a fixed width. There is plenty more room to the left though to display the full username.

Any help would be appreciated!

 

[Russ]

Hey, it's set like that by default in XF. You can overwrite it by putting this into your extra.css:

.XenBase .navTabs .navTab.account .navLink .accountUsername {
max-width: none;
}

 

[Redh]

Hey, it's set like that by default in XF. You can overwrite it by putting this into your extra.css:

.XenBase .navTabs .navTab.account .navLink .accountUsername {
max-width: none;
}

Thanks for the quick reply. Unfortunately this didn't work. I'll look into this on the official forums, I didn't realise it was a default thing

Edit for anyone reading - the code DID work, I just made a mistake when adding a comment to it.

 

[Russ]

Make sure you're applying to the correct extra.css, I'm not seeing the code on your site.

 

[Redh]

I'm an idiot. Your code works perfectly! Thank you so much as always

BTW, is there a demo of your Teamspeak addon anywhere? We will be getting our teamspeak server soon, and your addon sounds awesome

 

[Russ]

No live demo current, it's in beta status right now due to the amount of different setups and complications of TeamSpeak 3 itself but if you have specific questions let me know

 

[Redh]

I'll be getting our Teamspeak server next week hopefully. Based on the quality of your skins and support, I'll just buy it then and "help" you find any problems with it!

 

[ModeltogTossen]

You can overwrite it by putting this into your extra.css

Thank you for this @Russ - I have also added it to have full visible username.. Also thanks to @Redh for bring it to attention for the devs..