Template issues ... Disappearing items on click.

This is an incompatibility issue between different bootstrap versions. Cobalt uses Bootstrap 2 and your template is based on Bootstrap 3. I suggest you to use a bootstrap 2 based template or a non bootstrap based template system (I prefer Gantry5).

Hi,

Thanks for your reply. :-)

I'm guessing that there are no plans to upgrade Cobalt to a more recent version of Bootstrap then?

Are there any easy hacks I make to the source code at all to fix?

Thanks again,

Dale.

Aha!

After a bit of digging around in this forum, I found a little bit of code that solves the problem, it seems to work for me so far with things disappearing anyways ...

(here's link to thread - http://www.mintjoomla.com/support/community-forum/user-item/1833-braza/48-cobalt-8/2429.html?start=20 )

I put this before </body> ...

<script>
var mHide = Element.prototype.hide;
var mSlide = Element.prototype.slide;

Element.implement({


    hide: function () {
        if (this.is("[rel=tooltip]")) {
            return this;
        }
        mHide.apply(this, arguments);
    },


    slide: function (v) {
        if (this.hasClass("carousel")) {
            return this;
        }
        mSlide.apply(this, v);
    }
});

</script>

In many cases, the issues are related to elements with "tooltips" or "popovers". Latter ones are used in Joomla 3.6.+ ,
thus previous CSS fixes do no longer apply. The targeted classes/elements have to be adjusted. In general, most issues can be fixed by some CSS !important rules.