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

Hi,

What do you mean by “transition words”? Please provide a screenshot using platforms like Savvyify, Imgur or Dropbox. Are you using the Content Analysis feature?

// https://yoast.com/research/real-time-content-analysis/

Has Rank Math been verified to work properly with Enfold,

While the AI feature of the RankMath plugin is not compatible with the Advance Layout Builder (ALB), the plugin’s analysis tool should still function properly with the builder. It should be able to check or verify that the focus keywords are included in the content created using the builder.

Best regards,
Ismael

Hi,
On the search results page that I checked the font is 13px:

If your search results page is different please link directly to it.
If you are using Relevanssi see their documentation for changing the search results.

Best regards,
Mike

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

#top.search-results .template-search article.blog-grid {
	width: 32%;
	float: left;
	clear: right;
}

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

Hey LoPld,
For your first question, I believe what you want is to have the burger menu show until 1240px, if this is correct then your css is wrong. Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (min-width: 768px) and (max-width: 1240px){
.responsive #top .av-main-nav .menu-item-avia-special {
    display: block!important;
}
#top #header .av-main-nav > li.menu-item  {
  display: none!important;
}
.responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
}
#top #header .av-main-nav > li#menu-item-search.menu-item  {
  display: block!important;
}
.av-main-nav-wrap {
    float: right;
}
}
@media only screen and (min-width: 990px) and (max-width: 1240px){
#top #header .av-main-nav > li#menu-item-search.menu-item  {
  display: block!important;
  line-height: 118px;
}
#top #header .av-main-nav > li#menu-item-search.menu-item a {
    line-height: 118px;
}
.responsive.html_mobile_menu_tablet #top #wrap_all .menu-item-search-dropdown > a {
    font-size: 24px;
    color: #e8c100;
}
}

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

Hi,
Thank you for your patience, I was not able to find a solution with the built-in theme options, but I was able to come up with a shortcode that will do as you asked, since your page is black I styled it accordingly and this is the expected results:

Since you are not using a child theme I recommend using the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add the below code and save.

function garden_progress_bars_shortcode($atts) {
    $atts = shortcode_atts(
        array(
            'pre_cultivation_start' => '',
            'pre_cultivation_end' => '',
            'planting_start' => '',
            'planting_end' => '',
            'harvest_start' => '',
            'harvest_end' => '',
            'pre_cultivation_color' => '',
            'planting_color' => '',
            'harvest_color' => '',
            'pre_cultivation_label' => '',
            'planting_label' => '',
            'harvest_label' => '',
        ),
        $atts,
        'garden_progress_bars'
    );
    $output = '
    <style>
        .garden-progress-bars {
            font-family: Arial, sans-serif;
            max-width: 960px; 
            margin: 0 auto;
        }
        .progress-header, .progress-header div:not(.header-offset) {
            display: inline-flex;
            width: 100%;
            justify-content: space-evenly;
        }
		.progress-header div:not(.header-offset) {
    		border-left: 1px solid #eee;
        }
        .month {
            width: calc((100% - 160px)/12); 
            text-align: center;
        }
        .progress-row {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        .label-container {
            width: 150px; 
            text-align: right;
            padding-right: 10px; 
        }
        .progress-container {
            display: flex;
            width: calc(100% - 160px); 
            align-items: center;
        }
        .progress-bar-container {
            flex-grow: 1;
            background-color: #000;
            height: 20px;
            position: relative;
        }
        .progress-bar {
            height: 100%;
            position: absolute;
        }
        .progress-header .header-offset {
            width: 150px;
			display: inline-flex;
            flex-shrink: 0;
        }
    </style>
    <div class="garden-progress-bars">
        <div class="progress-header">
            <div class="header-offset"></div>'; 
    $months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
    foreach ($months as $month) {
        $output .= "<div class='month'>$month</div>";
    }
    $output .= '</div>'; 
    $create_progress_bar_row = function($label, $color, $start, $end) use ($months) {
        $start_month_index = array_search($start, $months);
        $end_month_index = array_search($end, $months);
        $width = (($end_month_index - $start_month_index + 1) / 12) * 100;
        $left = ($start_month_index / 12) * 100;
        return "
        <div class='progress-row'>
            <div class='label-container'>$label</div>
            <div class='progress-container'>
                <div class='progress-bar-container'>
                    <div class='progress-bar' style='background-color: $color; width: $width%; left: $left%;'></div>
                </div>
            </div>
        </div>";
    };
    $output .= $create_progress_bar_row($atts['pre_cultivation_label'], $atts['pre_cultivation_color'], $atts['pre_cultivation_start'], $atts['pre_cultivation_end']);
    $output .= $create_progress_bar_row($atts['planting_label'], $atts['planting_color'], $atts['planting_start'], $atts['planting_end']);
    $output .= $create_progress_bar_row($atts['harvest_label'], $atts['harvest_color'], $atts['harvest_start'], $atts['harvest_end']);

    $output .= '</div>'; 

    return $output;
}
add_shortcode('garden_progress_bars', 'garden_progress_bars_shortcode');

and then on your page add this shortcode in a code block element to show the growing bars:

[garden_progress_bars pre_cultivation_start="Feb" pre_cultivation_end="Apr" pre_cultivation_color="#FF5733" pre_cultivation_label="Pre-cultivation" planting_start="Apr" planting_end="Jun" planting_color="#5EBA7D" planting_label="Planting" harvest_start="Jun" harvest_end="Sep" harvest_color="#FFC300" harvest_label="Harvest"]

This shortcode creates three bars, and for each bar you can change the label text and color of bar and the start & end month.
First try this shortcode as is to see the working solution as in the screenshot above, then you can try adjusting the attributes to suit.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike