Hey reqonsult,
Please see our documentation for our mega menu, if this link doesn’t scroll to the Add Images to mega menu section automatically, please scroll down to it.

Best regards,
Mike

Hi,
Thank you for your patience, I have checked your page with Firefox, and I saw the error after about 14 clicks, but I was not able to reproduce this in any other browser and I found no browser console errors. I believe this may be an error with in the browser, as if it was a theme error it would show in all browsers. I tried to find a work around to stop this such as preventing page scroll on the clicking of the element, but this didn’t work as it seems the scroll behavior is an internal function that occurs even if page scrolling is disabled.

Best regards,
Mike

Hi,
I noticed that many js & font files are served from a CDN “exactdn.com” which is from the ewww plugin and I disabled by unchecking the option at Essential ▸ Include All Resources
Then I use the Fast Velocity Minify ▸ JS Settings ▸ Render Blocking JS files option adding this:

/wp-includes/js/
/wp-content/uploads/dynamic_avia/

and achieved a huge gain with a score of 94 on mobile from 78

I ran the test a second time and got a score of 89, which is still much better, so I expect that you will see high 80s to low 90s as an average score:

Best regards,
Mike

Hi,
When I disable your WPRocket plugin completely and then check your /contact/ in a new incognito browser the map shows correctly like your /contact-map-test/ page, so it seems to be one oo the WPRocket options. I’m not familiar with all of the WPRocket setting, so try disable the setting one at a time and see if you can isolate the setting. Or perhaps try these exclude settings from the WP Rocket documentation.
If this is related to the JotForm plugin and how WPRocket is handling it, you may need to find the exclude settings for the JotForm plugin.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to keep the “View all reseults” the same color on hover, or adjust to suit:

.av_ajax_search_entry.av_ajax_search_entry_view_all:hover {
	color: var(--enfold-header-color-primary);
}

I don’t see any gap created by the ajax search results widget please upload a screenshot demonstrating the error so we can understand better.

Best regards,
Mike

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