Hi,
Glad that this helped, I don’t think that it would conflict but I don’t know for sure and I can’t test, if you do try the plugin you can always keep this in mind as you test.
In my research and testing I found a working way to add a option “category” to the sort by filter

add_filter( 'avf_wc_product_order_dropdown_frontend', 'my_add_custom_sorting_options' );
function my_add_custom_sorting_options( $options ){
	$options[ 'cat' ] = 'Category';
	return $options;
}

but this doesn’t work because there doesn’t seem to be a built-in query to orderby categories, or at least I couldn’t find one. I assume that the plugin creates a query to do this.
Otherwise perhaps this will put you on the right track and you or your team can write a query for this, I was not able to.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your page, to research the issue of the video loading twice I copied your page to my test site and each of your videos only loaded once, you have one at the top startseite.mp4 and one at the bottom hintergrundvideo_1.mp4

I then checked your page again and each video was loaded twice:

I tried disabling your plugins and testing again, but it still showed the videos loading twice, so I’m not sure if this is a cache issue. Does your web server use a “object” cache such as Memcached, Redis, Varnish? I’m not sure what would cause the videos to load twice but it doesn’t seem to be caused by the theme since I can’t reproduce it.
If you do have a server cache try disabling it and see if that helps, it may take a few hours.
As for the prelaoding issue, the prelaoder will not show the page until it is fulling loaded, and when it is off your page will show before it is fulling loaded, so this behavior is expected since you page is loading slowly. I also note that my clone of your site loads in under 9 seconds even though all of the images and videos are pull from your server, you site is taking over 22 seconds, this is strange.

Best regards,
Mike

Hi,
I’m not sure what you mean, I see your header on the search results page, see the screenshot in the Private Content area.
Perhaps you mean that there is a large space at the top, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.html_header_top.html_header_topbar_active.html_header_sticky #top #main.swp-rp-main {
	padding-top: 0;
	margin-top: 0;
}

Best regards,
Mike

Hi,
Thank you for your patience, I set the function above back to the original code from the documentation and then added a custom searchform.php file to your child theme with this:

<?php
if( ! defined( 'ABSPATH' ) )   { exit; }

global $avia_config;


// Modify the search parameters for custom search URL
$search_params = apply_filters('avf_frontend_search_form_param', array(
    'placeholder'   => __('Search', 'avia_framework'),
    'search_id'     => 'swps',  // Changed from 's' to 'swps'
    'form_action'   => home_url('/') . '?swp_form%5Bform_id%5D=1', // Appended custom query string
    'ajax_disable'  => false
));

$disable_ajax = $search_params['ajax_disable'] == false ? '' : 'av_disable_ajax_search';

$icon = av_icon_char('search');
$class = av_icon_class('search');
?>

<form action="<?php echo $search_params['form_action']; ?>" id="searchform" method="get" class="<?php echo $disable_ajax; ?>">
    <div>
        <input type="submit" value="<?php echo $icon; ?>" id="searchsubmit" class="button <?php echo $class; ?>" />
        <input type="text" id="s" name="<?php echo $search_params['search_id']; ?>" value="<?php echo esc_attr(get_search_query()); ?>" placeholder="<?php echo esc_attr($search_params['placeholder']); ?>" />
    </div>
</form>

now your ajax form “Show all results” link points to ?swp_form%5Bform_id%5D=1&swps=

and lands on your custom SearchWP results page:

Best regards,
Mike

Hi,
In your opening post you write that your site lost some of it’s ranking, perhaps this is related to the Google helpful content updates, there was another on March 5.
I’m not a SEO expert, but I have heard a lot of people talking about this on podcasts, perhaps adding a “latest post” from your blog on your homepage and adding weekly “helpful” posts will help your ranking. See Google’s documentation on Creating helpful, reliable, people-first content and then try working with a content writer to create content like this each week for you to post on your site. Also try to use the name of your city and state often, as I understand Google is looking for “local” content. You might also want to post the content on YouTube as it may help a lot.
I checked your site on PageSpeed Insights and it scores well:

I don’t see any CORS errors.
minified without merging is a good setting with cloudflare, as it also merges and double merging sometimes causes errors. But you can try merge and compress and see if it works better, but if you see errors then switch back.
So you site looks good, I believe if you start adding “helpful” content weekly it will help you a lot.

Best regards,
Mike

Hi,

Thank you for the update.

You can add this css code to hide the search icon on desktop view:

@media only screen and (min-width: 768px) {

  /* Add your Desktop Styles here */
  .responsive #top .av-main-nav .menu-item-avia-special {
    display: none;
  }
}

Make sure that the Enfold > Main Menu > Menu Items For Mobile settings is set to the first option.

Best regards,
Ismael

Hi,
The default search results parameter is /?s= and your plugin uses /?swp_form%5Bform_id%5D=1&swps=
so perhaps if you change the parameter of s in the function to swp_form%5Bform_id%5D=1&swps
it will direct to your plugin search results page

I recommend testing this modification via FTP and not in the WordPress ▸ Appearance ▸ Theme File Editor in case it crashes your site, you can remove the change easily via FTP even it your site is down.

Best regards,
Mike

Hi,
Perhaps it is an error in the test, if you check your page with the Dev Tools inspector with the image not scrolled into view you can find the image placeholder and the class avia-img-lazy-loading-9144 but the image is not loaded:

then scroll down to the image and just as it comes into view you will see the image added to the DOM:

Please note that if you use the Ctrl+F to search for the class the page will automatically scroll the element into view, so once you find the place in the DOM scroll the window up so the image is a good way out of view, then reload the page and watch the DOM as you scroll down. You will see the image added to the DOM like in my screenshot above.

Best regards,
Mike

Hey strumpumpel,
Unfortunately Enfold doesn’t have this feature, please check the plugins from the WordPress library, here is a good place to start.

Best regards,
Mike

Hi,
Try this css instead:

@media only screen and (max-width: 479px) { 
	#menu-item-shop .cart_dropdown_link {
    padding: 0;
	}
	.responsive #top #menu-item-shop.cart_dropdown {
		margin-left: -64px;
	}
	.responsive #top #header_main>.container .main_menu .av-main-nav>li>a {
		padding: 0 0 0 10px;
	}
	.responsive #top #header_main > .container .main_menu .av-main-nav > li.av-burger-menu-main.menu-item-avia-special > a {
		padding: 0 0 0 42px;
	}
	.logo img {
    max-height: 70px !important;
}
}

for this result:

To show a open search bar you would need to add a header widget and then increase the size of your header. But since it would take up room on the mobile devices do you think that it would be used by most of your visitors, or would the current search icon work for the few people that might use it?

Best regards,
Mike

Hi,

Thank you for the update.

Do you encounter the error on the same line? We didn’t encounter any errors when we checked the site. Is it only happening when the Enfold > Main Menu > Append Search Icon To Main Menu option is enabled?

Best regards,
Ismael

Hi,
Try using the search feature:

for my demo it was in the XX_options table, I recommend backing a full backup before deleting anything in the database.

Best regards,
Mike

Hey Katja,
Thank you for the link to your site, on your first level menu items they are blue until mouse-over then they are yellow, but the backend of the second level is already yellow so what colors do you want the mouse-over and active page second level menu items to be?
mobile devices don’t have a mouse-over function, if you want the first level active menu items to have a yellow background you could try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all #av-burger-menu-ul li.current-menu-item a {
    background-color: #fff236;
}

but second level mobile menu items all share the same background color.
To add the header image to your category pages try the Unique Headers plugin.
For your search field try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .header_color .avia-search-tooltip input[type='text']#s {
	background-color: #fff;
	color: #30302f;
}

Fot your widget item, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .main_color .tribe-events-widget-events-list__header-title {
    color: #c3512f;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
}
#top .main_color .tribe-events-widget-events-list__header-title {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(235, 232, 226);
    padding: 10px 0;
    border-left: none;
    border-right: none;
    margin-bottom: 15px;
}

For your last question, some items have text some don’t they are not the same.
Please note that we kindly ask that each thread is for a single topic, it is hard to manage threads with many questions, typically it causes confusion when other Mods try to help or when clients answer but are not so clear, Thank you for your patience and understanding and for using Enfold.

Best regards,
Mike

Hi,
When I check the box with the icon is already red like you are requesting:

this css will add the border and change the background color of the search field:

#top .av_minimal_header .avia-search-tooltip input#s {
	background-color: #f8f8f8;
    border: 1px solid #e1e1e1;
}

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

Best regards,
Mike

Hey khrntanya,
Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.ajax_search_response h4,
.header_color .av_ajax_search_title {
	color: #d90f38;
}

the expected results:

Best regards,
Mike

Hi,
Sorry for any inconvenience this may have caused, in 2020 the Dev team had tried to include info about the limitation of websafe fonts not necessarily installed on every device by adding this to the theme:

use websave fonts (faster rendering, but not mandatory installed on all devices)

I have notified the Dev Team about your thread for them to review and make an adjustment, thank you for pointing out that it is not as clear as we had intended.
In my research these seem to be the fonts that seem to be available by default on IOS & Windows:

Arial (sans serif)
Times New Roman (serif)
Verdana (sans serif)
Courier New (monospace)
Georgia (serif)
Impact (sans serif)
Trebuchet MS (sans serif)

Thanks for your patience and understanding.

Best regards,
Mike

Hi,
Thanks for your screenshot of the alert that shows the file avia-js.js causing the alert, this file only has 137 lines as a helper for plugins.
I checked the file with http://www.virustotal.com / http://www.metascan-online.com / http://www.jotti.org each use the Avast engine and they came back with negative results:

as you had pointed out above. Since this is a plugin helper I recommend disabling all of your plugins and check again.
I tried searching the Avast forums for more info but their responses always seem to be to recheck the file with an online teast site. This is surely a false positive but there is nothing the theme can do to make this software stop doing this. Perhaps Avast has a way for you to report errors like this so it will be corrected in there next update, I don’t use Avast so I’m not sure.

Best regards,
Mike