# Trending Topics banner does not render titles correctly

**URL:** <https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066>\
**Category:** Forum UI Feedback\
**Tags:** bugs-report\
**Created:** [April 15, 2023, 9:44am UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066 "2023-04-15T09:44:03Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![anon46315158](https://avatars.discourse-cdn.com/v4/letter/a/73ab20/32.png) [@anon46315158](https://forum.katalon.com/u/anon46315158)\
**Post date:** [April 15, 2023, 9:44am UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/1 "2023-04-15T09:44:03Z")

</div>

The picture is self explanatory:

 ![trending](https://europe1.discourse-cdn.com/katalon/original/3X/5/8/58429382f8b0dcf94a65fae6a6a89f669a160992.png)

---

<div class="post-metadata">

**Author:** ![Russ\_Thomas](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/russ_thomas/32/11884_2.png) [@Russ\_Thomas](https://forum.katalon.com/u/Russ_Thomas)\
**Post date:** [April 15, 2023, 4:38pm UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/2 "2023-04-15T16:38:57Z")

</div>

It’s time it was removed, in my view. Waste of space, especially on small screens.

I’ve already removed it here…

 ![image](https://europe1.discourse-cdn.com/katalon/original/3X/c/3/c3ff705d6d6c3afdea5ad1a4ec8d5213bc0e1cbd.png)

---

<div class="post-metadata">

**Author:** ![anon46315158](https://avatars.discourse-cdn.com/v4/letter/a/73ab20/32.png) [@anon46315158](https://forum.katalon.com/u/anon46315158)\
**Post date:** [April 15, 2023, 5:08pm UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/3 "2023-04-15T17:08:16Z")

</div>

> [@Russ\_Thomas](#):
>
> Waste of space, especially on small screens

and anoying on mobile devices, tends to temporarily show every time i switch back and fort.  
yet another example Katalon team does not test the changes at all, the comunity is here to wipe their…

---

<div class="post-metadata">

**Author:** ![kazurayam](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/kazurayam/32/333_2.png) [@kazurayam](https://forum.katalon.com/u/kazurayam)\
**Post date:** [April 16, 2023, 11:30am UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/4 "2023-04-16T11:30:04Z")

</div>

> [@Russ\_Thomas](#):
>
> I’ve already removed it here…

How did you make it?

---

<div class="post-metadata">

**Author:** ![Russ\_Thomas](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/russ_thomas/32/11884_2.png) [@Russ\_Thomas](https://forum.katalon.com/u/Russ_Thomas)\
**Post date:** [April 16, 2023, 1:40pm UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/5 "2023-04-16T13:40:16Z")

</div>

```auto
/* increase max-width of document */
:root {
  --d-max-width: 85vw;
}
/* Hide the custom search banner */
/* Hide the trending topics div */
div.custom-search-banner-wrap,
div.hot-topic-container {
  display:none;
}

```

Added to my Tampermonkey script.

---

<div class="post-metadata">

**Author:** ![kazurayam](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/kazurayam/32/333_2.png) [@kazurayam](https://forum.katalon.com/u/kazurayam)\
**Post date:** [April 17, 2023, 12:05am UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/6 "2023-04-17T00:05:30Z")

</div>

@Russ_Thomas

Thank you for your info.

I added [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) into my Chrome browser. I add the following Tampermonkey script

```auto
// ==UserScript==
// @name Hide Trending Topics in Katalon Forum
// @version 0.1
// @description as suggested by Russ_Thomas at http://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/5
// @match http://forum.katalon.com/*
// @match http://forum.katalon.com/*/*
// ==/UserScript==

(function() {
    'use strict';
    if(window !== window.top) return;
    var $ = window.jQuery, styBig, stySmall;
    insertStyles();
})();

function insertStyles() {
    var style = `
<style>
/* Hide the custom search banner */
/* Hide the trending topics div */
div.custom-search-banner-wrap,
div.hot-topic-container {
    display:none;
}
div#ember12 {
    display:none;
}
div.tc-right-sidebar {
    display:none;
}
</style>`
    $('body').append(style);
}

```

I restarted Chrome to open a new tab where I opened the Katalon Forum.  
No longer the Trending Topics banner is displayed.  
I like this fix.

---

<div class="post-metadata">

**Author:** ![anon46315158](https://avatars.discourse-cdn.com/v4/letter/a/73ab20/32.png) [@anon46315158](https://forum.katalon.com/u/anon46315158)\
**Post date:** [April 17, 2023, 9:17am UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/7 "2023-04-17T09:17:10Z")

</div>

A simplified version inspired from @kazurayam variant:

```auto
(function() {
    'use strict';
    if(window !== window.top) return;
    document.querySelector("#ember12").remove();
// var $ = window.jQuery, styBig, stySmall;
// insertStyles();
})();

```

Now I have to find a solution to do the same on mobile, where this banner is the most anoying.

---

<div class="post-metadata">

**Author:** ![kazurayam](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/kazurayam/32/333_2.png) [@kazurayam](https://forum.katalon.com/u/kazurayam)\
**Post date:** [April 17, 2023, 12:27pm UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/8 "2023-04-17T12:27:14Z")

</div>

> [@anon46315158](#):
>
> Now I have to find a solution to do the same on mobile

> **[Tampermonkey for Android](https://github.com/OpenUserJs/OpenUserJS.org/wiki/Tampermonkey-for-Android)**
>
> The home of FOSS user scripts. Contribute to OpenUserJS/OpenUserJS.org development by creating an account on GitHub.

The “Tampermoneky-for-Android” project seems not being actively developed. I would not risk myself trying this.

---

<div class="post-metadata">

**Author:** ![anon46315158](https://avatars.discourse-cdn.com/v4/letter/a/73ab20/32.png) [@anon46315158](https://forum.katalon.com/u/anon46315158)\
**Post date:** [April 17, 2023, 12:29pm UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/9 "2023-04-17T12:29:15Z")

</div>

@kazurayam yeah, i know about it.  
I suppose i can try another browser enabled for userscripts, e. g. firefox but i am not ready to make that change yet.

---

<div class="post-metadata">

**Author:** ![anon46315158](https://avatars.discourse-cdn.com/v4/letter/a/73ab20/32.png) [@anon46315158](https://forum.katalon.com/u/anon46315158)\
**Post date:** [April 17, 2023, 1:47pm UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/10 "2023-04-17T13:47:41Z")

</div>

Tried in Firefox on mobile but (the script) is not working, I have to find a way to inspect how the page is rendered in this case.  
Most probably the page is a bit different so I have to change either the style or the selector

---

<div class="post-metadata">

**Author:** ![anon46315158](https://avatars.discourse-cdn.com/v4/letter/a/73ab20/32.png) [@anon46315158](https://forum.katalon.com/u/anon46315158)\
**Post date:** [April 17, 2023, 2:08pm UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/11 "2023-04-17T14:08:43Z")

</div>

disabled the ‘if’ line, is somehow working, but the result is unstable, must dig more

 ![Screenshot_20230417_170648_org.mozilla.firefox](https://europe1.discourse-cdn.com/katalon/original/3X/3/e/3e59d3e3188c2d2891f7975aabcc77bc042371a6.jpeg)

---

<div class="post-metadata">

**Author:** ![kazurayam](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/kazurayam/32/333_2.png) [@kazurayam](https://forum.katalon.com/u/kazurayam)\
**Post date:** [April 19, 2023, 1:24pm UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/12 "2023-04-19T13:24:14Z")

</div>

I changed my Tampermonkey script as this:

```auto
// ==UserScript==
// @name Hide Trending Topics in Katalon Forum
// @version 0.1
// @description as suggested by Russ_Thomas at http://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/5
// @match http://forum.katalon.com/*
// @match http://forum.katalon.com/*/*
// ==/UserScript==

(function() {
    'use strict';
    if(window !== window.top) return;
    var $ = window.jQuery, styBig, stySmall;
    insertStyles();
})();

function insertStyles() {
    var style = `
<style>
/* Hide the custom search banner */
/* Hide the trending topics div */
div#ember9 h1, div#ember9 p {
    display:none;
}
div.hot-topic-container {
    display:none;
}
div#ember12 {
    display:none;
}
div.tc-right-sidebar {
    display:none;
}
</style>`
    $('body').append(style);
}

```

The previous version made the Search field display:none; which was not good. I needed the Serach field.

The Katalon forum now looks in Chrome on my Mac with Tampermonkey as this:

 ![スクリーンショット 2023-04-20 8.50.34](https://europe1.discourse-cdn.com/katalon/original/3X/b/9/b98aafd0c4922d70f3c328dbbceffa5fdddc5970.jpeg)

I prefer this minimalistic view. I remember, a year ago, the site looked like this.

---

<div class="post-metadata">

**Author:** ![anon46315158](https://avatars.discourse-cdn.com/v4/letter/a/73ab20/32.png) [@anon46315158](https://forum.katalon.com/u/anon46315158)\
**Post date:** [April 19, 2023, 3:04pm UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/13 "2023-04-19T15:04:20Z")

</div>

> [@kazurayam](#):
>
> The previous version made the Search field display:none; which was not good.

My version does’nt, it keeps the Search 😄  
(but removes the div completely, your version is just hidding it)  
But we can use your solution also to re-style the top ‘Welcome’ banner, it is huge, totally waste of space. Less is more!

---

<div class="post-metadata">

**Author:** ![anon46315158](https://avatars.discourse-cdn.com/v4/letter/a/73ab20/32.png) [@anon46315158](https://forum.katalon.com/u/anon46315158)\
**Post date:** [April 19, 2023, 3:32pm UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/14 "2023-04-19T15:32:05Z")

</div>

anyway, let us came back to the **bug**  
yet another prove this is broken:

 ![Screenshot_20230419_182920_com.android.chrome](https://europe1.discourse-cdn.com/katalon/original/3X/d/2/d255c445497e6e98caa3470fee347d852ae8cc67.jpeg)

@vu.tran @albert.vu i hope, despite our workarounds, Katalon team take this into consideration.  
It’s silly, annoying etc etc.  
Should i say more?

---

<div class="post-metadata">

**Author:** ![anon46315158](https://avatars.discourse-cdn.com/v4/letter/a/73ab20/32.png) [@anon46315158](https://forum.katalon.com/u/anon46315158)\
**Post date:** [April 19, 2023, 4:44pm UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/15 "2023-04-19T16:44:38Z")

</div>

Added to my script:

```auto
    document.querySelector("#ember9").remove();

```

I don’t care about the banner search, I can still use the search in the top pannel.  
Now I have 😛

 ![simplifiede](https://europe1.discourse-cdn.com/katalon/original/3X/3/1/3149785a70e857a85bb840bcd5c8953d45b59a77.png)

---

<div class="post-metadata">

**Author:** ![Elly\_Tran](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/elly_tran/32/21874_2.png) [@Elly\_Tran](https://forum.katalon.com/u/Elly_Tran)\
**Post date:** [April 21, 2023, 9:53am UTC](https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/16 "2023-04-21T09:53:32Z")

</div>

Thank you all for sharing with us the bug and feedback. We will centralize all the issues relevant to the banner in the post [Announcing the Trending Topics banner](http://forum.katalon.com/t/announcing-the-trending-topics-banner/86337). Please refer to the [Announcing the Trending Topics banner - #15 by Elly\_Tran](http://forum.katalon.com/t/announcing-the-trending-topics-banner/86337/15) to follow the bug’s status. _Thank you!_

cc @vu.tran , @albert.vu .