Pricing table help :)

Hello :slight_smile:

I have a pricing table that upon load; loads with wrong spacing between title and pricing, but upon click of the toggle, then goes back to how it should be and stays a sit should, until the page is reloaded, I have attached an image, any ideas?

Before:

* Link to the page with the widget in question:

Thank you so much in advance for any help :slight_smile:

2 Likes

Hi @user3246! Welcome to Community :heart:

I am really sorry about this inconvenience!

I’ve informed our devs about this issue and get back to you once I receive any news :slightly_smiling_face:

2 Likes

Great, thank you Max¬!

2 Likes

Hi @user3246 :wave:

Thank you for waiting!

Please add the script below right after the widget installation code and let me know if it helped :slightly_smiling_face:

<script>
    const findElem = function(selector, filterFunc){
        return new Promise((resolve, reject)=>{
            let time = 0;
            let intervalID = setInterval(()=>{
                let elem;
                if(filterFunc) {
                    let elements = Array.from(document.querySelectorAll(selector));
                    elem = elements.find(filterFunc);
                }
                else elem = document.querySelector(selector);
                if(time > 10000) {
                    clearInterval(intervalID);
                    reject('no found');
                }
                if(elem) {
                    clearInterval(intervalID);
                    resolve(elem);
                }
                time=time+100;
            }, 100);
        })
    }
    findElem('.eapps-pricing-table-column-price-value').then(()=>{
        window.dispatchEvent(new Event('resize'))
    });
</script>
2 Likes

Thanks Max

3 Likes