Forums

Call To Action add-on interferes with/overlaps the FAQ items when using the left side FAQ link navigation

Permalink
Any suggestion how to address this? See:http://www.barkingtuna.com/mlorch/storage-information/faqs...

The Call To Action is at the top of every page and is 50px in height. The CTA overlaps items in the FAQ section if you don't close it and you use the FAQ navigation. I've tried a couple different CSS routes to no avail. The CTA can be closed which then is of no issue... but it overlaps the FAQ items that you've navigated to if it has NOT been closed.
barkingtuna
 
MrKDilkington replied on at Permalink Best Answer Reply
MrKDilkington
Hi barkingtuna,

You can give this a try.

First paste it into the browser console to see how it works. It should fade out the call to action bar and set the body margin-top to 0 as it approaches the FAQ area.

$(document).ready(function() {
    setInterval(function(){ 
        var ctaOffset = $('.c5h-call-to-action-wrap').offset();
        if (ctaOffset.top > 150) {
            $('.c5h-call-to-action-wrap').fadeOut(200);
            $('body').css('margin-top', '0');
        }
    }, 250);
});

It can be added to a specific page using an HTML block.
<script>
$(document).ready(function() {
    setInterval(function(){ 
        var ctaOffset = $('.c5h-call-to-action-wrap').offset();
        if (ctaOffset.top > 150) {
            $('.c5h-call-to-action-wrap').fadeOut(200);
            $('body').css('margin-top', '0');
        }
    }, 250);
});
</script>
barkingtuna replied on at Permalink Reply
barkingtuna
Brilliant, Karl... works perfectly! Thanks for the help!