Hey Guenter,
Thank you, I have made this sticky to the top of the forum so more people will see this.

Best regards,
Mike

Hey Octopus4444,
Thank you for your patience, but the example links that you posted all lead to a 404, when I check a few of your pages the color section background image with wp_custom_field:_thumbnail_id} seem to work correctly when I check. For example on /modules-specifiques/ you have this

pointing to this thumbnail

and on the frontend it shows correctly

perhaps you have already sorted this out?

Best regards,
Mike

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, I have made this sticky to the top of the forum so more people will see this.

Best regards,
Mike

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

#top .avia-post-nav {
	display: none;
}

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

Best regards,
Mike

Hi,

Thank you for the update.

If you need to specifically target the elements in the mega menu, you can start with this css code — take note of the comments:

/* description */
#top #header .avia_mega_div > .sub-menu > li > ul li {
    font-size: 100px;
}

/* menu items */
#top #header .avia_mega_div .sub-menu li a .avia-menu-text {
    font-size: 50px;
    padding: 50px 0;
}

/* mega menu title */
#top #header .mega_menu_title {
    margin-bottom: 8px;
    font-size: 90px;
    line-height: 1.1em;
    font-weight: 600;
    display: block;
}

You may need to remove this css code:

.sub-menu li a .avia-menu-text {
    font-size: 20px !important;
    padding: 20px 0 !important;
}

And make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache after the modification.

Best regards,
Ismael

Hey stevengamez,

Thank you for the inquiry.

You may need to disable the audio by adding the mute parameter.

https://www.youtube.com/watch?v=x15sE0vgBGY?autoplay=1&mute=1

Please note that autoplay is only allowed on muted videos.

Best regards,
Ismael

Hey Daniel,

Thank you for the inquiry.

Did you manage to disable the default filters for the search icon? Is your modification working? If so, we can modify the function a bit to include the search icon again and make sure it only displays on mobile view using the available class names (e.g., av-desktop-hide, av-medium-hide, etc.) to control the visibility of elements on different screen sizes:

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();
        $getform = get_search_form(false);  
        $getform = ob_get_clean();  

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

        $items .= '<li id="menu-item-search-icon" class="menu-item menu-item-search-icon av-desktop-hide" role="menuitem">';
        $items .=    '<a aria-label="Search" href="?s=" ' . 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,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .av-custom-shipping-container {
    z-index: 9;
    position: relative;
}
@media only screen and (max-width: 735px) { 
	#top .av-custom-shipping-container {
	line-height: 65px;
	}
}

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

Best regards,
Mike

Hey spokerstradingco,

Please continue here: https://kriesi.at/support/topic/change-text-size-of-links-and-font-family-in-mega-menu/

Best regards,
Ismael

Hi,
To center the logo on mobile try adding this css:

@media only screen and (max-width: 767px) { 
#header_main .logo img {
	top:0;
}
}

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

Best regards,
Mike

Hey Dzimnikov,

Thank you for the inquiry.

Try to add this script in the functions.php file to create another container below the product description or shop banner :

function ava_custom_add_shipping_text_script() { 
    if (is_shop()) { 
    ?>
        <script>
            (function ($) {
                $(document).ready(function () {
                    var newContainer = $('<div class="av-custom-shipping-container"><p>Free Shipping on All Orders!</p></div>');
                    $('#av_product_description .container').after(newContainer);
                });
            }(jQuery));
        </script>
    <?php 
    }
}
add_action('wp_footer', 'ava_custom_add_shipping_text_script', 99);

Then add this css code to adjust the style of the new container:

#top .av-custom-shipping-container {
    background: red;
    padding: 20px;
}

#top .av-custom-shipping-container p {
    color: #ffffff;
    font-size: 40px;
}

Best regards,
Ismael

Hey pietervanzaanen,

Thank you for the inquiry.

You can setup the knowledge base entries as posts with a unique category “documentation”. The demo https://kriesi.at/themes/enfold-2017/blog/ is created using the Advance Layout Builder (ALB) — it has a Color Section at the very top with a background image, Special Heading + Separator + Text Block element combo and Two Blog Posts element below the Color Section. One of the Blog Posts element displays only one entry and the other is set to have a Grid Layout with 2 Columns.

To copy the layout a lot easier, you can set the builder to debug mode then copy these code in the shortcode field: https://pastebin.com/EfxvsDwL

To enable debug mode, please check this documentation: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

Let us now if you need further assistance.

Best regards,
Ismael