Pricing table: Description and standard column row not aligning

Hey Morticka,
Sorry for the late reply and thanks for the login and video. For your pricing table I added a custom ID get_height_from_first_column so the following script would not affect other possible pricing tables on your site.
The logic of the script gets the height of each cell from the first column and applies it to the other cell in the same row, regaining with the fourth row. Please ensure that the first column has the largest cells.
This is the script I added to your child theme functions.php

function pricing_table_get_height_from_first_column(){
  ?>
  <script>
(function($){
  $(window).load(function(){
  	var $this = $('#get_height_from_first_column .pricing-table-wrap:first-child');
  	var $that = $('#get_height_from_first_column .pricing-table-wrap:nth-child(n+2)');
    var t4 = $this.find('li:nth-child(4)').outerHeight();
    var t5 = $this.find('li:nth-child(5)').outerHeight();
    var t6 = $this.find('li:nth-child(6)').outerHeight();
    var t7 = $this.find('li:nth-child(7)').outerHeight();
    var t8 = $this.find('li:nth-child(8)').outerHeight();
    var t9 = $this.find('li:nth-child(9)').outerHeight();
    var t10 = $this.find('li:nth-child(10)').outerHeight();
    var t11 = $this.find('li:nth-child(11)').css('height', '86px').outerHeight();
    var t12 = $this.find('li:nth-child(12)').outerHeight();
    var t13 = $this.find('li:nth-child(13)').outerHeight();
    var t14 = $this.find('li:nth-child(14)').outerHeight();
    var t15 = $this.find('li:nth-child(15)').outerHeight();
    $that.find('li:nth-child(4)').css('height', t4 + "px");
    $that.find('li:nth-child(5)').css('height', t5 + "px");
    $that.find('li:nth-child(6)').css('height', t6 + "px");
    $that.find('li:nth-child(7)').css('height', t7 + "px");
    $that.find('li:nth-child(8)').css('height', t8 + "px");
    $that.find('li:nth-child(9)').css('height', t9 + "px");
    $that.find('li:nth-child(10)').css('height', t10 + "px");
    $that.find('li:nth-child(11)').css('height', t11 + "px");
    $that.find('li:nth-child(12)').css('height', t12 + "px");
    $that.find('li:nth-child(13)').css('height', t13 + "px");
    $that.find('li:nth-child(14)').css('height', t14 + "px");
    $that.find('li:nth-child(15)').css('height', t15 + "px");
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'pricing_table_get_height_from_first_column');

So this seems to be working except the row Content & Huisstijl in which the first column was smaller than the others so I adjusted the cell with this line:
var t11 = $this.find('li:nth-child(11)').css('height', '86px').outerHeight();
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the feedback, I adjusted the code so it will not interfere with the mobile version.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear this helps for desktop, for mobile the first column with the descriptions is not shown because there is not enough room to show it. You could use a different mobile table by hiding this one and showing your new one, if you find one that matches your needs for mobile.

Best regards,
Mike

Hi,
Sorry, on the test page, linked below, I see that the first column is aligned right, while the others are centered, to center the first column please try this css:

#get_height_from_first_column ul li {
	text-align: center !important;
}

Best regards,
Mike