# Weird behavior of the topic-progress with a \</body\> customisation

**URL:** https://meta.discourse.org/t/weird-behavior-of-the-topic-progress-with-a-body-customisation/45258
**Category:** Support
**Created:** [6월 4, 2016, 7:46오후 UTC](https://meta.discourse.org/t/weird-behavior-of-the-topic-progress-with-a-body-customisation/45258 "2016-06-04T19:46:06Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [6월 4, 2016, 7:46오후 UTC](https://meta.discourse.org/t/weird-behavior-of-the-topic-progress-with-a-body-customisation/45258/1 "2016-06-04T19:46:07Z")

</div>

Since the arrival of the new gutter, the topic-progress has been a bit broken on my forum. It doesn’t align well, on a reduced window or on mobile. It’s always like that on the last post (and only the last post) :

 ![](https://global.discourse-cdn.com/meta/original/3X/1/d/1d607b995a5096edf71ac29734d6b8a7ecb0cd74.jpg)

After an intense 5 minutes investigation I found the source : I’ve added some ads on the `</body>` part of the Customize section and it messes with the topic progress :

```
<div align="center"><script type="text/javascript" src="http://tags.clickintext.net/ **hidden**" title="Classic (IAB)"></script> <script type="text/javascript" src="http://tags.clickintext.net/ **hidden**" title="Classic (IAB)"></script><br />
<a href="https://twitter.com/iunctisFR" class="twitter-follow-button" data-show-count="true" data-size="medium">Suivre @iunctisFR</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><br />
<span style="color:#9a9a9a; font-size:9px; line-height:10px;">Régie publicitaire : ClickInText - <a href="http://iunctis.fr/about" title="À propos">À propos</a> - Ce site participe au Programme Partenaire amazon.fr</span><br />
</div>

```

The code is pretty simple and works well. I also notived that the topic progress seems to be impacted by the height of every element. If I add a 60 pixels ads + 12 pixels text line, the topic progress was “pushed up” by 72 pixels.

When I use the `Footer` part of the customisation, the topic progress is no longer broken. But I can’t use scripts there.

Also, when I add some things on the `footer` or `</body>` section, the content seems kinda _out of the forum_, before this week, I think it was inside the box. If you know what I mean :

![](https://global.discourse-cdn.com/meta/optimized/3X/9/6/963ba5b982619299934a0fa5d57fdec1c081e8e4_2_690x73.jpg)

I’m not 100% sure about that part, but it makes me think it might not be related to the topic-progress per se, but more a `<body>` issue

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [6월 17, 2016, 2:57오전 UTC](https://meta.discourse.org/t/weird-behavior-of-the-topic-progress-with-a-body-customisation/45258/2 "2016-06-17T02:57:48Z")

</div>

Little update.

I found a way to make it work, kinda.

The problem is the _topic-progress_ when it’s _docked_. There is a `style="bottom: XXpx;"` in the div. And this is affected by the height of the elements you put on the `</body>` customization. So when I add some banners, it will go a bit too high, and not under the Reply button.

Anyway. If anyone has the same issue, I added this css :

```
#topic-progress-wrapper.docked {
    bottom: 60px !important;
}

```

The `!important` override the `style=“bottom: XXpx;” and it works for me.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [1월 31, 2019, 10:40오전 UTC](https://meta.discourse.org/t/weird-behavior-of-the-topic-progress-with-a-body-customisation/45258/3 "2019-01-31T10:40:13Z")

</div>



---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [1월 31, 2019, 2:27오후 UTC](https://meta.discourse.org/t/weird-behavior-of-the-topic-progress-with-a-body-customisation/45258/4 "2019-01-31T14:27:47Z")

</div>

It’s been almost 3 years already!

It’s fixed by the way

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [1월 31, 2019, 2:28오후 UTC](https://meta.discourse.org/t/weird-behavior-of-the-topic-progress-with-a-body-customisation/45258/5 "2019-01-31T14:28:52Z")

</div>


