Sticky header stopped working

3 replies · opened Feb 16, 2023

RroburdickFeb 16, 2023

I have been trying to figure out what is breaking the sticky header. Once again I feel like I don't understand the fix I stumbled across!

I took the broken page:
https://birdclick.co.uk/endonet/about-endonet_broke.php
and pasted the content into a working page leaving the header and footer as they were. Now sticky header works again!
https://birdclick.co.uk/endonet/about-endonet.php

Looking at the code i cannot see any errors or difference in the content TBH! If you can show me what could be causing my sticky header to break I would be very curious and please to find out!

Rob

RroburdickFeb 16, 2023

I figured it out! please close this ticket. I had left the last few lines of code on the 'footer.php' and they needed to be at the end of the page that is calling the .php content. Incase it helps this is the code that i moved from 'footer.php' to the page calling the footer:

<!-- #content end -->

<?php include("footer.php"); ?>
</div>
<!-- #wrapper end -->

<!-- Go To Top
============================================= -->
<div id="gotoTop" class="icon-angle-up"></div>

<!-- JavaScripts
============================================= -->
<script src="js/jquery.js"></script>
<script src="js/plugins.min.js"></script>

<!-- Footer Scripts
============================================= -->
<script src="js/functions.js"></script>
</body>
</html>

SSemicolon WebSTAFFFeb 16, 2023

Hello,

Glad the issue was resolved. Please consider checking your Codes here: https://validator.w3.org/ for HTML Validation. Then ensure that there are no unclosed Tags or Duplicate IDs. Usually, these are mostly responsible for errors like this.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard