So, is it just me, or is the header at the top of the forums reading “Forui”? Used to read “Forum” but it’s changed? I’ve refreshed numerous times and double checked my eyes… am I losing it!?
15 Likes
I think its on mobile website. Seems like the formatting got a bit wonky
6 Likes
Thought it was just my Safari needing a software update or something. Definitely have the same thing going on lol
2 Likes
Same here !?!?! I thought I was the only one going crazy 
2 Likes
Yep, here too (DuckDuckGo on mobile). Looks like the “m” got cut off by the search bar.
2 Likes
Here too, I’m using the Discord app. I think the m is being cut off.
2 Likes
Me too. @codinghorror
My iPad switches between a mobile version of the web site and a computer version, doesn’t seem to be any rhyme or reason as to why. When it’s on the mobile version it does the cut off version.
2 Likes
Same here. I’m on mobile. It’s not a huge deal, but definitely strange.
Definitely noticed this on the mobile app. Also, I’ve had the tag of “Trusted Wuff” for the longest time now with no way to change it. Im clearly a Cheetah!
1 Like
Same for me. I only use it on my iphone 13. No biggee. I know where I am…
2 Likes
Same here and i am always on my android
You know what? Maybe it’s time to switch things up around here.
Forui.
It’s chic. It’s unique. It’s high end.
“Oh you still use a forum? Get with the times bro - everyone knows it’s all about Forui these days.”
5 Likes
You passed the test! 
Lol. But yeah. Something odd with css I think. Ill look into it. The m is there. Just hiding out. 
3 Likes
Forui Shutter drops tomorrow, exclusive to YoYoExpert.
12 Likes
Are you changing the orientation of the iPad?
Anyway, I suggest clearing the cache for the website.
I think you’d have to contact a mod to change your title.
There are a few ways to fix this. Currently, the issue is that the element containing the word “Forums” is too small to fit the entire word.
Relevant HTML:
<div class="header-logo-wrapper">
<div class="title">
<header class="b-header clearfix">
<ul role="navigation" class="icons clearfix">
<li class="header-dropdown-toggle">
<a aria-expanded="false" aria-haspopup="true" data-auto-route="true" title="[en.hamburger_brand_menu]" aria-label="[en.hamburger_brand_menu]" id="toggle-hamburger-brand-menu" class="icon btn-flat">
<svg class="fa d-icon d-icon-bars svg-icon svg-node" aria-hidden="true">
<use xlink:href="#bars"></use>
</svg>
</a>
</li>
</ul>
</header>
<a href="/" data-auto-route="true">
<h1 id="site-text-logo" class="text-logo">Forums</h1>
</a>
</div>
</div>
Relevant CSS:
.d-header .header-logo-wrapper {
grid-area: logo-wrapper;
display: flex;
align-items: center;
}
.d-header .title {
max-width: 75%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
animation: fadein 0.5s;
min-width: 36px;
}
.d-header .title {
display: flex;
align-items: center;
height: 100%;
}
The problem lies with the div.title element being too small on mobile.
One way would be to change the CSS to this:
.d-header .title {
max-width: 75%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
animation: fadein 0.5s;
min-width: 36px;
}
Or to this:
.d-header .title {
max-width: 75%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
animation: fadein 0.5s;
min-width: 36px;
}
I personally think the first one makes more sense, but I have no idea why the element’s max-width was set to 75% of the parent’s value in the first place.
Hope this helps!
2 Likes
This guy CSS’s…
3 Likes
Is this still happening?
1 Like