Hi,
Please see this thread it includes the filter to add custom social profiles in the posts.
The thread is for “TikTok” but you should be able to adjust for your icons, please review and try.

Best regards,
Mike

Hi,
For the language switcher in your mobile menu, your setting will only show the language that is not active, to always show both you need to use this option:

and this css:

@media only screen and (max-width: 768px) {
#top #wrap_all #header #av-burger-menu-ul li.menu-item-wpml-ls-58-en, #top #wrap_all #header #av-burger-menu-ul li.menu-item-wpml-ls-58-da {
        width: 50px;
        display: inline-block;
        top: 30px;
}
}

I did this for you:

Please clear your browser cache and check.

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 beyond-flora,
Try this code:

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' => '',
            'pre_cultivation_link' => '',
            'planting_link' => '',
            'harvest_link' => '',
        ),
        $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;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 12px;
            text-align: center;
        }
        .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, $link) 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;
        $bar_content = "<div class='progress-bar' style='background-color: $color; width: $width%; left: $left%;'>$label</div>";
        if ($link) {
            $bar_content = "<a href='$link' target='_blank' style='display: block; height: 100%;'>$bar_content</a>";
        }
        return "
        <div class='progress-row'>
            <div class='label-container'>$label</div>
            <div class='progress-container'>
                <div class='progress-bar-container'>
                    $bar_content
                </div>
            </div>
        </div>";
    };
    
    $output .= $create_progress_bar_row($atts['pre_cultivation_label'], $atts['pre_cultivation_color'], $atts['pre_cultivation_start'], $atts['pre_cultivation_end'], $atts['pre_cultivation_link']);
    $output .= $create_progress_bar_row($atts['planting_label'], $atts['planting_color'], $atts['planting_start'], $atts['planting_end'], $atts['planting_link']);
    $output .= $create_progress_bar_row($atts['harvest_label'], $atts['harvest_color'], $atts['harvest_start'], $atts['harvest_end'], $atts['harvest_link']);

    $output .= '</div>'; 

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

and this shortcode on your page:

[garden_progress_bars 
    pre_cultivation_start="Jan" 
    pre_cultivation_end="Mar" 
    pre_cultivation_color="green" 
    pre_cultivation_label="Pre-cultivation" 
    pre_cultivation_link="https://example.com/pre-cultivation"

    planting_start="Apr" 
    planting_end="Jun" 
    planting_color="blue" 
    planting_label="Planting" 
    planting_link="https://example.com/planting"

    harvest_start="Jul" 
    harvest_end="Sep" 
    harvest_color="orange" 
    harvest_label="Harvest" 
    harvest_link="https://example.com/harvest"
]

Each bar will be a link with a new label:

Best regards,
Mike

Hey Peter,
In this screenshot the green is the padding:

I assume that you want to remove this, but unfortunately this is loaded as a iframe so you can not remove it, it needs to be adjusted where the iframe comes from.
Another option is to add the same padding to the widget title and the image below it and then remove the same amount of margin from the column.

#footer #text-6 h3.widgettitle,
#footer #media_image-3 {
	padding-left: 24px;
}
#footer .flex_column.av_one_third:nth-child(3) {
	margin-left: calc(6% - 24px);
}  

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,
I not sure what you mean, I was saying that when the parent theme is used the header worked correctly on scroll, so this would point to the error in your child theme, and I see that you have custom files in your child theme:

So did you try switching the parent theme?
Did you try removing these files from your child theme?
Typically the custom header.php & footer.php causes these issues, but you said that you already tried removing these.

Best regards,
Mike

Hi,
Try support@kriesi.at, but note that we will not receive any emails at that address, so you will need to paste the login link user name and password in the Private Content area below.
I also see that your “wpo-minify” is still active, please disable.

Best regards,
Mike

Hi,
A color section is a full width section, this will force the sidebar below the color section. Try using a column, this will allow the sidebar, or add a widget element inside the color section to show your sidebar widgets.

Best regards,
Mike

Hi,
You could add a check for the page that you want you show it on, for example if the page ID is “1028” use this:

add_action( 'ava_after_main_title', 'enfold_customization_blog_widget_area', 50 );
function enfold_customization_blog_widget_area() {
    if ( is_page(1028) ) { 
        dynamic_sidebar( 'blogheaderwidget' );
    }
}

or you can use the page slug like this:

add_action( 'ava_after_main_title', 'enfold_customization_blog_widget_area', 50 );
function enfold_customization_blog_widget_area() {
    if ( is_page('your-page-slug') ) { 
        dynamic_sidebar( 'blogheaderwidget' );
    }
}

The WordPress Conditional Tags documentation state:

There is no conditional tag for the blog page. You have to use both is_home() and is_front_page() to detect this page, but those functions can be misused.

They offer a different solution, try reading it, but I think the two solutions above will work fine.

Best regards,
Mike

Hi,
As for updating, I don’t believe that you are using the correct zip file installable WP version, in your Theme Forest account there are two files to download, on includes other files and documentation, this will cause the error that you see, please look for installable WP version. Otherwise please upload to dropbox so I can download it and check.
As for some of your pages without Advanced layout builder:

most are not ALB pages, but I did find one called “Magazine”

this was saved as a “block editor” page at one time and the reason that you don’t see the ALB button is an error in the theme version or a plugin conflict, so to fix without updating I switch to the “classic editor” at Enfold Theme Options ▸ Select Your Editor ▸ Use WP Classic Editor

now the button shows:

I then click it and the ALB page loads and I re-save:

and now the page is fixed:

please check and try this with your other pages.
Please note that your “About Us” page is not a ALB page, so if you don’t see code in the page don’t convert to a ALB page.

Best regards,
Mike

Hi,
#2 The custom menu bar is 100px wide:

but the flyout menu is 300px, but the burger menu is still only 100px:

The flyout overlay is white and you can not make the burg1 menu area only a gray color.
So if you want a gray burger menu when the menu is closed try this css:

.toolbar-content#content1 {
    width: 100%;
    height: 100px;
    background-color: #8c8c8c;
}
html:not(.av-burger-overlay-active) #top .av-burger-overlay li li .avia-bullet, html:not(.av-burger-overlay-active) #top .av-hamburger-inner,html:not(.av-burger-overlay-active) #top .av-hamburger-inner::before,html:not(.av-burger-overlay-active) #top .av-hamburger-inner::after {
  background-color: #fff !important; 
 }

but when it is open it will look like this:

It is probably best to not change this.

Best regards,
Mike

Hi,
I tried enabling the parent theme, and the header worked correctly on scroll then on your test page, I then re-enabled your child theme.
I see that you also have custom shortcode elements in your child theme, try removing these and check, if this helps, add them back one at a time to find the conflict.

Best regards,
Mike

Hi,
It looks like your caching plugin is still active “wpo-minify”, or at least the cache is still being severed.
Try clearing and disabling your caching plugin completely, and include a admin login in the Private Content area so we can examine.

Best regards,
Mike

Hey Mia2009,
Try clearing and disabling your caching plugin completely, and then switch to the text menu, if this doesn’t help, leave the caching plugin disabled and include a admin login in the Private Content area so we can examine

Best regards,
Mike