Hi,
In that case I would recommend not using the animation.

Best regards,
Mike

Hi,
I added this css to your Quick CSS:

#front-page.avia-section {
	animation: zoom 10s;
	animation-fill-mode: forwards;
}
@keyframes zoom {
  0% {
    background-size: 100% auto;
    -webkit-background-size: 100%;
  }
  100% {
    background-size: 110% auto;
    -webkit-background-size: 110%;
  }
}

please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear that removing Jetpack and Jetpack Boost has helped. Typically each image has a srcset in the page to tell the browser which image to use depending on the device, and this is how it is on the copy I made of your site, but not on your site, you had this custom code in the functions.php which disabled this:

function av_remove_featured_image_link($image) {
    if (is_single()) {
        $image = get_the_post_thumbnail( $current_post['the_id'], 'featured' );
    }
    echo $image;
}
add_filter('avf_post_featured_image_link','av_remove_featured_image_link', 10, 1);

I disabled this for you.

Best regards,
Mike

Hi,
The code above adds a class to the featured image caption called featured-image-caption it looks like you have found this and tried some css to set the max-width, but you have an error with a letter where a number should be: max-width: 1e3px;

I changed it to 900px for you:


I see that you tried to add some custom body classes to use some different css:

but I don’t see this on the frontend and I’m not sure how you are doing this, but this is a good approach.

Best regards,
Mike

Hi,
Thanks for your feedback but I’m not sure that I can explain your issue, please explain further so we can present it to the Dev Team.

Best regards,
Mike

Hey fanlokbun,
This seems to be a duplicate, so we will close this one and work on the other one.

Best regards,
Mike

Hi,
The error that you see from adding the code to your functions.php file is typical for copying the code from a email notification from this thread, please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
It looks like you are not using a child theme, so in this case you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add this code and save.

function custom_larger_thumbnails_script() { ?>
  <script>
(function($){
  $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('width', '180px');
  $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('height', '180px');
  $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('sizes', '(max-width: 180px) 100vw, 180px');
  $('.av-magazine.larger-thumbnails .av-magazine-entry .av-magazine-thumbnail').css({'height': '180px','width': '180px'});
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_larger_thumbnails_script', 99 );

If you still have trouble after you install the plugin, include a admin login in the Private Content area so we can assist.

Best regards,
Mike

Hi,
Thank you for your patience I changed this css:

@media only screen and (min-width: 990px) {
    .av-logo-container .inner-container {
        display: flex;
        flex-direction: row-reverse;
    }

    @media only screen and (min-width: 990px) {
        /* Add your Desktop Styles here */ .av-logo-container .inner-container .widget #searchform {
            width: 100%;
            min-width: 500px;
        }
    }

    .av-logo-container .inner-container .widget {
        display: flex;
        order: 3;
        flex-basis: 80%;
        right: -15%;
        top: -5%;
    }

    #header_main > .widget {
        display: none;
    }

    .av-logo-container .inner-container .widget #searchform {
        width: 100%;
    }

    .av-logo-container .inner-container .widget #searchform .ajax_search_response {
        background-color: #fff;
        z-index: 3;
    }

    .header_color #search-6 input[type=submit] {
        background-color: #da291c;
        color: #fff;
    }

    .header_color #search-6 input[type=submit]:hover {
        background-color: #da291c;
        color: #fff;
    }

    #top #header.header_color .widget input[type=text] {
        border-color: ebebeb;
        border-radius: 3px;
    }

    #top #header.header_color .widget #searchsubmit {
        border-radius: 0 3px 3px 0;
    }

    #top #header.header_color .widget #searchform #searchsubmit {
        font-size: 16px;
    }

    .av-logo-container .inner-container #menu-item-shop {
        display: flex;
        order: 2;
    }
}

to this:

@media only screen and (max-width: 989px) {
	#header_main > .widget {
	display: none;
}
}	
@media only screen and (min-width: 990px) and (max-width: 1439px) {
  .av-logo-container .inner-container .widget #searchform {
    width: 100%;
    min-width: 500px;
  }
  .av-logo-container .inner-container .widget {
	display: flex;
    order: 3;
    flex-basis: 65%;
    right: -15%;
    top: -5%;
}
}
@media only screen and (min-width: 1440px) { 
    .av-logo-container .inner-container .widget {
        display: flex;
        order: 3;
        flex-basis: 80%;
        right: -15%;
        top: -5%;
    }
    .av-logo-container .inner-container .widget #searchform {
    width: 100%;
    min-width: 380%;
  }
}	
@media only screen and (min-width: 990px) {
.av-logo-container .inner-container {
	display: flex;
    flex-direction: row-reverse;
}

#header_main > .widget {
	display: none;
}  
.av-logo-container .inner-container .widget #searchform {
	 width: 100%;
}
.av-logo-container .inner-container .widget #searchform .ajax_search_response {
	background-color: #fff;
    z-index: 3;
}
.header_color #search-6 input[type=submit] {
    background-color: #da291c;
    color: #fff;
 }
.header_color #search-6 input[type=submit]:hover {
    background-color: #da291c;
    color: #fff;
 }
  #top #header.header_color .widget input[type=text] {
	border-color: ebebeb;
	border-radius: 3px;
}
#top #header.header_color .widget #searchsubmit {
    border-radius: 0 3px 3px 0;
}

#top #header.header_color .widget #searchform #searchsubmit {
 	font-size: 16px;
}
.av-logo-container .inner-container #menu-item-shop {
	display: flex;
    order: 2;
}
}

to update your live site copy your snippet named “header widget placement css” to your live site.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .single_toggle p {
	font-weight: bold;
}

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

Best regards,
Mike

Hi,
Please find the updaed files linked below, it fixes the three issues, the Dev Team adds an additional note for issue 3: use the enter to open tab content when tab has focus.

Best regards,
Mike

Hey Bettina,
Please try disabling Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and clear any caching plugin you have and clear your server cache or CDN cache if enabled and then clear your browser cache and check again.
The files you posted abaove are cache files, after a couple of hours you can try enabling again, if you see the error again try disabling your caching plugin file minifying, when a plugin minify a second time after the theme it can cause errors

Best regards,
Mike

Hey delmonte,
Thank you for the link to your site, the following css will replace the plus icon with a down arrow, but in order to not change all of the accordion icons on your whole site, first add the custom class downarrow in the advanced tab of the element:

Then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.downarrow .toggle_icon:before {
	content:"\e873";
	font-family: 'entypo-fontello';
	top: -5px;
  position: relative;
}
.downarrow .toggle_icon {
	border:none;	
	position: absolute;
}
.downarrow .toggle_icon .vert_icon,
.downarrow .toggle_icon .hor_icon {
	display:none;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
This is the expected results:

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,
Glad we were able to help, I don’t this search widget originally had this behavior as I couldn’t reproduce it, but nonetheless glad that it works for you now. 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,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
    .responsive #top .avia-post-nav {
        display: block;
    }
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike