Hello,
We're using a side navigation skin for our HTML 5 Help deliverable. We have a header and a footer on both the Home Launch page (which does not have the side navigation skin) and on the underlying contents pages, where the side navigation skin is incorporated. The header extends the width of the display on both the Home Launch and content pages.
The footer (it's in a single row|two cell table format) extends the width of the Home Launch page, but of course does not extend beyond the border of the side navigation panel on the content pages.
On the content pages, we would like to extend the footer across the side navigation skin so that it covers the width of the display page and matches the header width.
Is there a way to customize the code to override the side navigation skin settings so that we can extend the footer the width of the page?
Thank you.
Extend footer across side navigation skin (HTML 5)
-
- Propeller Head
- Posts: 11
- Joined: Tue Mar 01, 2022 12:03 pm
Extend footer across side navigation skin (HTML 5)
You do not have the required permissions to view the files attached to this post.
Re: Extend footer across side navigation skin (HTML 5)
Hi there,
I stumbled on this post while trying to find help with something else, but thought I'd take the time to reply. I was able to get our footer to extend the width of the page using the following CSS.
Then I added my footer to code to my template pages.
But, I did then need to do a little tweaking of the Side Nav "Menu" bottom margin and bottom padding in Styles.css because when my TOC was expanded and running off the page, and I scrolled to get to the last time in the TOC, it was hidden by the footer.
I stumbled on this post while trying to find help with something else, but thought I'd take the time to reply. I was able to get our footer to extend the width of the page using the following CSS.
Then I added my footer to code to my template pages.
But, I did then need to do a little tweaking of the Side Nav "Menu" bottom margin and bottom padding in Styles.css because when my TOC was expanded and running off the page, and I scrolled to get to the last time in the TOC, it was hidden by the footer.
You do not have the required permissions to view the files attached to this post.
-
- Propeller Head
- Posts: 11
- Joined: Tue Mar 01, 2022 12:03 pm
Re: Extend footer across side navigation skin (HTML 5)
Why thank you! We will try something like your approach.
Re: Extend footer across side navigation skin (HTML 5)
Hello,
Indeed, your approach is very good. It gives me some ideas. Thank you for your answer.
Indeed, your approach is very good. It gives me some ideas. Thank you for your answer.
My website here : https://botnation.ai/en/