Hi,
When I check your site at 1536 x 864, that you wrote was your screen size, but I don’t see the menu over the logo:

To switch the two icons try this css

.av-burger-menu-main.menu-item-avia-special {
	  top: -120px;
}
#menu-item-search {
	top: 100px;
}

You can also adjust the values and perhaps keep the icons away from the logo

Best regards,
Mike

Hi,
Thank you for your patience, I didn’t see an issue on the page that you linked to, but I found a another page with the issue, indead it was a z-index issue, so I added the custom class section-with-menu to the color section with the menu shortcode:

and added this css to your Quick CSS:

.avia-section:not(.section-with-menu) {
z-index: 0;
}
.avia-section.section-with-menu {
z-index: 2;
}

and this seems to have helped, please check the page below and try to make this adjustment to your other pages.

Best regards,
Mike

Hi,
Glad Ismael could 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 to hear that you have this sorted out, 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,
See WordPress ▸ Appearance ▸ Theme File Editor

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, 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, 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,
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