Re: Am I the only one seeing these errors in the narrow version?
Reply #11 –
I think it would be easier to me to tell, how it can be fixed:
HTML-related:
1. Dig down to the "li"-element of the broken forum button (it's the one with the id "#forum_button")
2. There is an "a" element in it. In that a element, there is a "i" element.
3. That i elements contains a bad unicode character in the class name. Remove that and add the classname "i-home" instead (needs to be changed once more later). If you can do that in the backend, avoid hard-coding it.
4. Shrink the window and see that it is behaving good now. And that both, desktop and mobile layout, have good looking forum button.
Next, edit the CSS:
1. Remove this ruleset completely: "#button_forum .linklevel1::before". But attention, it is very likely that it exists multiple times inside media queries. Be sure to remove all of them. This ruleset is, where the developer of the original theme actually didn't understand the system and which disturbs the system, because he tried to recreate the entire button in that on the wrong HTML element.
2. Find the ruleset "i-home" and duplicate it to "i-forumlink" (ensure before, that i-forumlink isn't given already).
3. In that duplicate, change the icon
4. Replace "i-home" in the HTML to "i-forumlink".
5. Reload and check if the problem is gone now.
Repeat all these steps with the ballance-button. That button has basically the same issue, but it doesn't look that bad because it is the last button.
Then the menu bar should behave correct and nice now.