Upon upgrading to Flare 2020 r2, the footer we use in our HTML5 TopNav output is no longer displaying correctly.
Background
Our TopNav skin is set to a max-width of 62.5 em so that the content area of our topic pages has white space on the left and right. We built a DIY footer that spans the entire width of the page, accomplished with the following properties:
- width:100%;
- position:absolute;
- left:0;
- bottom:70px;
Before the Flare upgrade, this gave us the expected results of the footer spanning the entire width of the page.
Current situation
Now, our footer does not expand beyond the max-width set in the TopNav skin properties. In other words, instead of spanning 100% of the page width, it is restricted to within the 62.5em area with white space on either side, same as the content area. This is not ideal. Even when setting the skin property to 100%, there is still a small white border (margin? padding?) around the footer area.
Using Chrome's "inspect" feature, I've located code that is added during Flare's build process that seems to be the culprit for this behavior:
<div data-me-content-body="True" style="min-height: calc(100vh - 204.1px);" class="height-container-sidenav height-container">
If I delete the style/class portion of this flare-added div, the footer appears as expected (spanning the width of the page).
My Questions
- has anyone had this experience?
- if so, have you found a solution or workaround?