Hey JL,
Unfortunately fontello.com doesn’t offer a Blue Sky icon, perhaps they will in the future as it becomes more popular, in the meanwhile you could add your Blue Sky link to a social network that you don’t use and use css to replace the icon with a Blue Sky image. See this thread.
You can also add your request to the open Enfold Feature Request for Blue Sky here.

Best regards,
Mike

Hi,
The footer height is determined by the content in the footer, but if you want it smaller you can remove the padding & margin with this css:

#top #footer {
    padding: 0;
}
#top #footer .widget {
margin: 0;
}

but you will need to add more page content so the socket doesn’t become larger and stays at the bottom of the page.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

We replied here: https://kriesi.at/support/topic/sku-field/#post-1474262

Best regards,
Ismael

Hey!

Please check this : https://kriesi.at/support/topic/sku-field/#post-1474262

Best regards,
Ismael

Hi,

Thank you for the update.

It plays on your end due to the following points mentioned in the browser policy:

— The user has interacted with the domain (click, tap, etc.).
— On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously played a video with sound.

Please review the browser policy and mute the video to enable autoplay.

Best regards,
Ismael

Hi,

Thank you for the clarification.

We modified the code a bit. Please try it again:

add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );

function avia_append_search_nav($items, $args) {
    if (avia_get_option('header_searchicon', 'header_searchicon') != 'header_searchicon') {
        return $items;
    }

    if (avia_get_option('header_position', 'header_top') != 'header_top') {
        return $items;
    }

    if ((is_object($args) && $args->theme_location == 'avia') || (is_string($args) && $args == 'fallback_menu')) {
        ob_start();
	get_search_form( [ 'ajax_disable' => false ] );
	$form = ob_get_clean();

	$form = str_replace( '<form ', '<form role="search" ', $form );
	$form = htmlspecialchars( $form );

        $items .= '<li id="menu-item-search" class="av-medium-hide av-small-hide av-mini-hide menu-item menu-item-search-dropdown">' . $form . '</li>';

        $items .=	'<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special av-desktop-hide" role="menuitem">';
        $items .=		'<a aria-label="' . $aria_label . '" href="?s=" '. $nofollow . ' data-avia-search-tooltip="' . $form . '" ' . av_icon_string( 'search', false ) . '>';
        $items .=			'<span class="avia_hidden_link_text">' . __( 'Search', 'avia_framework' ) . '</span>';
        $items .=		'</a>';
        $items .=	'</li>';
    }

    return $items;
}

Best regards,
Ismael

Hi,

Great, I’m glad to hear that you got things working. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the update.

The other two videos were muted when we checked. Have you tried adding the mute parameter? As mentioned above, autoplay is not allowed when videos are not muted.

Chrome’s autoplay policies are simple:
Muted autoplay is always allowed.
Autoplay with sound is allowed if:
— The user has interacted with the domain (click, tap, etc.).
— On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously played video with sound.
— The user has added the site to their home screen on mobile or installed the PWA on desktop.
— Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.

Please check this link for more info: https://developer.chrome.com/blog/autoplay

Best regards,
Ismael

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

#header.av_header_transparency #header_main .av-logo-container {
	display: none;
}
#header.av_header_transparency #header_main {
margin-top: 91px !important;
}

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

Best regards,
Mike