Hey navindesigns,
Thank you for your patience, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-layout-tab-inner > .container {
    width: 100%;
    max-width: 100%;
}
.responsive #top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table .avia-table {
    width: 100%;
}
.responsive #top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table .avia-data-table > thead > tr > th, 
.responsive #top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table .avia-data-table > tbody > tr > th, 
.responsive #top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table .avia-data-table > tfoot > tr > th, 
.responsive #top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table .avia-data-table > thead > tr > td, 
.responsive #top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table .avia-data-table > tbody > tr > td, 
.responsive #top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table .avia-data-table > tfoot > tr > td {
    white-space: normal;
}
#top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table > .avia-table tr th, 
#top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table > .avia-table tr td, 
#top #wrap_all .av-layout-tab-inner > .container > .avia_scrollable_table > .avia-table tr {
    padding: 5px;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry I don’t use Dreamweaver, I use Visual Studio Code and I don’t get an error in it or in the WordPress theme editor.
Perhaps Dreamweaver is not recognizing this syntax correctly or there is a better way to write this that I don’t know about.

Best regards,
Mike

Hi,
Glad this helped and is working correctly for you in your tests, if you find that there are any conflicts with tables on other pages then I would recommend adding a custom class, otherwise you should be all set.
Let us know so we can close this thread.

Best regards,
Mike

Hi,
Thank you for the link, I noticed that in some of your pricing tables that the header row also had different content amounts so it was also having the same issue as the blue cells, I thought that this script would work better at calculating the equal heights for different screen sizes that a manual fixed min-height value. Below is a screenshot of how it looks in my test, but since you have other pricing tables by themselves I believe you would well to add a custom class to the tables that are 4 across and then add this class to the script, if you are not sure how to modify the script then just add the custom class to only those tables and I will post an updated version of the script, otherwise try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_equal_height_pricing_table() { ?>
    <script>
(function($){
$('.avia-pricing-table-container').each(function(){  
  var $columns = $('.pricing-table-wrap li.avia-heading-row',this);
  var maxHeight = Math.max.apply(Math, $columns.map(function(){
    return $(this).height();
  }).get());
  $columns.height(maxHeight).css({'vertical-align':'middle'});
});
$('.avia-pricing-table-container').each(function(){  
  var $columns = $('.pricing-table-wrap li:nth-child(3)',this);
  var maxHeight = Math.max.apply(Math, $columns.map(function(){
    return $(this).height();
  }).get());
  $columns.height(maxHeight);
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_equal_height_pricing_table');

Best regards,
Mike

Hi,
OK I probably misunderstood what your last question was, that is the trouble with long threads that cover multiple issues, anyways I thought you were still having trouble with your Token, so I logged into the site you posted and saw you are still using the API.
The screenshot above is from your site, the warning message is the black square

So are you now reinstalling on this site? Any site you install on you will need to use a valid Envato private token the API no longer works, please follow the instructions for How to generate a Envato Personal Token.

If this is still not the issue you wish to work on then please fully explain.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
I thought that you wrote:

So I could use some css to set a min-height to all of the blue cells, and if it means blank space I think I would prefer that to having it look out of whack like it is now

making the blue area in all columns the same height will add extra blank space to the first 3 columns.
The best solution to achieve his would be using css to set a min-height to the blue cells, if you would like help with this please link to the page, I can’t write the css based on a screenshot.

Best regards,
Mike

Hi,
Sorry, I tried looking into this further but I don’t see that this would be possible without modifying the plugin script, and we can’t do that. I believe your best approach would be to use a different plugin.

Best regards,
Mike

Hi,
Thanks for the feedback, I looked into this further and I didn’t find this specifically mentioned in WP Post Formats but I did find this article describing the first video being used as the featured image. But when I test on a new install with the default theme Twenty Twenty-One it doesn’t work, yet with Twenty Nineteen it does work. So it’s not clear if this is a default feature, but my research finds this is not a feature in the Enfold elements, so I will submit this to the dev team for review as a feature request and recommend for now that you add your featured image to your posts and use the Layout ▸ Featured Image option on the post to disable the image from showing along with your video.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Update: I found this new css in the gallery.css

.avia-chrome .avia-gallery-thumb{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

that seems to interfere with this css:

.av-hide-gallery-thumbs .avia-gallery-thumb{display:none;}

and moving it down a few lines seems to solve

I have reported to the dev team for their review.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks for the feedback, I checked both pages emulating a mobile device on the desktop, and on my actual mobile Android, and both the “Select a category” & “Select your vehicle” shows at the top of the page, the one difference was the “site 2” has a color section product description at the top, but I don’t think you are trying to hide it and it must be at the top because it’s a color section, sidebars can not be above color sections.
Can you check with an Android that the elements are showing, I don’t have an iPhone to test with, but if we determine this is an iPhone issue then I can ask the team to check. If it is an iPhone issue then please note you may need to empty your browser history to fully clear the cache.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your site, so above you said on this site the sidebar is not showing on mobile for your products, when I check the product linked below the sidebar is hidden bt the plugin “widget options” please check the options of each widget to unhide them. If you still have trouble please include an admin login in the Private Content area and a link to a specific page you want the sidebar to show on, and let us know which widgets should show, this assumes you have a lot of widgets with a lot of “rules” in your plugin.

Best regards,
Mike

Hey Tobias777G,
Thank you for your patience, so the block widgets interface for WordPress v5.8 doesn’t work well with Enfold right now, the dev team has put this temp fix out fro right now, I added it to your child theme functions.php

/**
 * With WP 5.8 block editor was introduced to widget page. This is currently not supported by Enfold.
 * Based on https://wordpress.org/plugins/classic-widgets/ we disable this feature.
 * 
 * If you want to use the new widget page and use a child theme add in functions.php of the child theme:
 * 
 *		$avia_config['use_block_widget_page'] = true;
 * 
 * @since 4.8.4.1
 */
if( ! isset( $avia_config['use_block_widget_page'] ) || $avia_config['use_block_widget_page'] !== true )
{
	// Disables the block editor from managing widgets in the Gutenberg plugin.
	add_filter( 'gutenberg_use_widgets_block_editor', '__return_false' );

	// Disables the block editor from managing widgets.
	add_filter( 'use_widgets_block_editor', '__return_false' );
}

In your case the settings in the Table of Contents was not saving so it would not work, after adding the code above I was able to save the settings, but please note that you have to select which headings you want to use, I selected all, and the first check box will only allow the widget to show on posts, so you need to un-check because you are showing on a page:

Now as I examine your example site I see that it was also created with Enfold, the Table of Contents they are using was created manually with an icon list element, this is how they were able to add the icons and edit the titles. With the Table of Contents widget you are using you can not edit the titles, please try using the icon list element.
On the example site the author box was created in a 1/4 column with an image element using the border-radius so it is round, then a text element that is manually changed to show the “last updated date” and a social share element.
I see you are using the Team Member element, on your test page I added a new author box, please check.

Best regards,
Mike