Hi,
This will occur if the image is larger than 1500×630 with the crop function, if your image is smaller you will need to resize before uploading.

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,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#top #header_meta .social_bookmarks,
#top #header_meta .phone-info.with_nav{
	margin-top: 4px;
}

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

Best regards,
Mike

Hi,
Did BigCommerce ever reply to you about a function? Our theme checks for WooCommerce with if( function_exists( 'WC' ) ) as many themes do, and this seems to be were the conflict is.
I will also ask the rest of the team for ideas.

Best regards,
Mike

Hi,
Glad to hear this helped, please use css to add extra space below the button, perhaps like this:

#shopknop {
    margin-bottom: 20px;
}

as for the filtering plugin options and the pagination I’m not sure how this is being communicated to the next page, there are no classes, endpoints, or strings being saved in the page when an option is selected or unselected, from page 2 clearing the filter doesn’t reset the pagination.

Best regards,
Mike

Hey Kate,
Thank you for your patience, I see that you are using Enfold v4.7.5, but I can’t see if you are using the old Envato API or the new Envato Token, please see our documentation about the Envato personal token and check.
Another option would be to go to your Theme Forest account and download the current version and manually update. Please do not try to overwrite the theme files, you must delete the old theme files first, otherwise old files may remain and cause errors.

Best regards,
Mike

Hey emilconsor,
Thank you for your patience and for the link to your test site, Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function($) {
  $(function() {
  	var tall = $('.custom-grid.career-grid').height();
  	var half = $('.career-flex.left').height() / 2;
      $('.career-flex.right .flex_column_div').css('height',half);
      $('.career-flex.left .avia_image').css('height',tall);
  });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

and then add this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (min-width: 1024px) and (max-width: 1440px) { 
.career-flex.right p {
	font-size: 0.9em;
	line-height: 1.3em;
}
#top .career-flex.right .av-special-heading {
	margin: 0;
	padding-bottom: 10px;
	font-size: 20px;
}
#top .career-flex.right .flex_column_div:nth-child(2) {
	padding: 10px;
}
}
@media only screen and (min-width: 1441px) and (max-width: 1824px) {
	.career-flex.right p {
	font-size: 0.9em;
	line-height: 1.3em;
}
}
.custom-grid.career-grid .flex_cell,
.custom-grid.career-grid .flex_column_div {
	overflow: hidden;
}
.career-flex.left .avia_image,
.career-flex.right .avia_image,
.career-flex.right .avia-image-container-inner {
	width: 100%;
}

A screenshot of the expected results are below.
I tried a few different ways to work this and feel that as the page is the best solution is to use this script and css, because it also works for very large screens 2560px, but you will note that the css only goes down to 1024px, that is because you have changed the display to flex and for mobile and tablet the layout doesn’t adjust, so you will need to write some more css for moble or switch back to display block, I’m not sure what your intentions are for that as your lower elements are also using flex.
I see with your Grid Row element that you have placed an image element inside a column element inside the grid row cell and changed the display to flex, for the left side 2/3 cell you could just use the image as a background and it would fill the cell as you wish. For the right side you would not need to place the top image in a column, but only use a text element inside a column for the bottom text section. I created an example for you linked below with this added css:

#av-layout-grid-1 {
padding: 40px;
}
.flex_cell.av_one_third {
padding: 0 30px;
}
.avia-image-container.avia-align-center {
margin-bottom: 30px;
}

This is just a suggestion.

Best regards,
Mike

Hi,
Glad to hear this helped, for your /404/ page please try this css:

#top.page-id-673 #main .avia-image-container.av-hover-grow .avia-image-overlay-wrap:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.avia_transform #top.page-id-673 .avia-image-container a:hover .image-overlay {
    opacity: 0 !important;
}

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

Best regards,
Mike

Hey nickthe,
Thank you for your patience and for the screenshots, but I don’t think that you gave us access to the correct site as I don’t see the filter above in your functions.php and the logo doesn’t match the screenshots, please check.
To answer your request, try adding this code to your functions.php instead:

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
	if( is_front_page() ){
  $sub .= "<h1 class='logo-title logo-subtitle'>";
  $sub .= "Company Name";
  $sub .= "</h1>";
	}else{
  $sub .= "<span class='logo-title logo-subtitle'>";
  $sub .= "Company Name";
  $sub .= "</span>";
	}
  return $sub;
}

and add this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#top .logo, #top .logo a {
    overflow: visible;
}

#top .logo-subtitle {
    color: #aaa !important;
    font-size: 18px !important;
    top: 30px !important;
    position: absolute;
   white-space: nowrap;
}
#top h1.logo-subtitle {
	line-height: 90px;
    margin-bottom: 0;
}

then clear your browser cache and check.

Best regards,
Mike

Hey bobfurgo,
Thank you for your patience and for the login, but it doesn’t seem to have admin rights as most of the features to the site are not available. I’m not sure why this one post is different from the others but the dates are from 10/2019 was this site imported?
This one post is not using the cropped 1500×630 image as all the other ones are it is using a srcset of images none of which is 1500×630 and I don’t have access to investigate further. The source image seems to be 964×528 and not 1500×861 as posted above.
The featured_large image size should be cropped unless it has been overwritten by your child theme or an image optimization plugin.
Your Blog Post element has also been modified so there really is no way to ensure that it will work correctly, please compare these screenshots.
Yours:

How it should look:

Best regards,
Mike

Hey barrystrauss,
Thank you for your patience but unfortunately I don’t see a reasonable way to achieve this without rewriting the element.
I would recommend trying to create this with the layerslider, perhaps there is one in the Template Store that is similar that you can use as a starting point.

Best regards,
Mike

Hey Jasmer,
Thank you for your patience and for the screencast, for the Headline Rotator please try this css in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (max-width: 767px) { 
	#top.home .av-rotator-container {
		min-height: 62px;
	}
}

For your logo on desktop to not fade try this css:

.avia_transform #top.home .avia-image-container.av-small-hide.av-mini-hide a:hover .image-overlay {
    opacity: 0 !important;
}

For your logo on desktop to not grow so much try this css:

#top.home #main .avia-image-container.av-small-hide.av-mini-hide.av-hover-grow .avia-image-overlay-wrap:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

this transform scale is the same as the lower images but it seems like more to me, perhaps because the logo image is larger, so you can try different scales to find the one you like, such as 1.02
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey williamsmedia,
Thank you for your patience and the link to your page. I assume that when you say you want a form validation for your custom form snippet you mean that you want the form to not be submited unless all of the fields are correct?
This function would be done by a script, but in examining your page source code I don’t see a script added to the code block.
So if you have a script to add to the code block and it is causing an error when you add it then it most likely needs to be added between <script> tags inside the code block like this:

If this doesn’t help then try posting a link to your entire script and form code in a plain text document (.txt) and link in the Private Content area below so I can test or try including an admin login in the Private Content area so I can examine your test page.

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

Hey zoltom,
Thank you for your patience and for your explanation. Try adding the filter button by adding this code to the end of your functions.php file in Appearance ▸ Editor:

add_action('woocommerce_before_shop_loop', 'filter_button_before_shop_loop');
function filter_button_before_shop_loop() {
	if(is_shop()) {
		echo do_shortcode("[av_button label='FILTERS' icon_select='no' icon='ue800' font='entypo-fontello' link='manually,http://' link_target='' size='small' position='left' label_display='' title_attr='' color_options='color_options_advanced' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='custom' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#0a0a0a' btn_color_bg_hover='custom' btn_custom_bg_hover='#444444' btn_color_font='white' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='shopknop' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg='']");
	}
}

You can replace the button shortcode with yours from the screenshot, or try this as-is to test.

Best regards,
Mike