houseof_bad

hey I'm pretty useless at code and i'm trying to move a footer to only appear at the bottom of every product page and nowhere else, having no luck at this. this is what i have been using so far footer.sections section:nth-child(3) { display: none !important; } then in code injection <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('footer.sections section:nth-child(3)').insertAfter('section.ProductItem-additional'); }); </script> <style> section.ProductItem-additional+section { display: block !important; } Im currently using a mega menu in the footer already, not sure if this is making a difference. any help would be great thanks. connor