Module is stuck behind header. I need the header to push it down. Any ideas?
@ejtomlinson, because the nav is fixed, it has been removed from the flow. you will need to add a margin to the body-container-wrapper to compensate for this.
you can add a script that can calculate it
<script>
function moveIt(){
let navHeight $('.nav-wrapper').height() - $('.header-container-wrapper').height();
$('.body-container-wrapper').css('margin-top', navHeight +'px');
}
$(document).ready(function() {
moveIt();
});
$(window).resize(function(){
moveIt();
})
</script>
that will get the height of the header and add a top margin to the body and should adjust with window resizing
Module is stuck behind header. I need the header to push it down. Any ideas?
@ejtomlinson, really depends. I would add to the any template that has this specific issue. I would not add to a js file that it referenced on all pages as it appears this problem is not universal.
When editing a template, you should see an option on the right to edit the footer html. you can add there
Module is stuck behind header. I need the header to push it down. Any ideas?
I didn't see the footer option when editing the page template so I added it to the "body" it didn't work, so I then added it to the footer html in settings but to no avail.