dTree not working correctly with Pagelines Theme on FF but works on IE

  • I have this wdiget with hundreds of categories (country-province-suburb) tpye of thing.

    Anyhow, it is working on most if not all themes I have tried.

    Visit, https://www.masjids.co.za

    However, if I try it on Pagelines theme it does not work on Firefox but works fine on IE.

    Can anybody help?

    I have tried messing around with CSS files and switching stuff on and off on the widget settings etc.

    On Firefox if you click on the province it becomes all squashed up.

    If I change the css file wp-dtree.min.css and remove the
    overflow: hidden; from the .dtree .clip{}

    .dtree .clip{overflow: hidden;} becomes .dtree .clip{} then at least the tree branches (i.e. the suburbs) become cleaner.

    However, if you click on a parent node (province) it again goes all weird.

    Rest of the CSS from that file…
    .dtree{white-space:nowrap!important}
    .dtree img{border:0!important;vertical-align:middle!important}
    .oclinks{display:none}
    .dtree a.nodeSel{text-decoration:underline;!important}
    .dtree .clip{}

    If anybody can even recommend another plugin (however it must work like the one on my website currently https://www.masjids.co.za), then please let me know. I have struggled for sometime now.

  • The topic ‘dTree not working correctly with Pagelines Theme on FF but works on IE’ is closed to new replies.