Hey roelvanleuken,

Thank you for pointing at this – I already answered your contact form request yesterday:

First I checked the database structure of WP post meta table.

meta_key field is an index in my install (6.5.3). This means the query you show is a simple query against an index and this means that is a very fast query – even in a database that contains million of entries in a table.

Please check with your hoster (datatbase hoster) why this query is so slow in your case. Could be your database is broken somehow or allocated memory is too small.

Nevertheless I improved the query logic to remove it from frontend for next release 6.0.1.

If you want to test the fixes please replace the 2 following files:

..\config-acf\class-avia-acf.php
..\config-templatebuilder\avia-template-builder\php\class-dynamic-content.php

with

https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/enfold_6_0/config-acf/class-avia-acf.php
https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/enfold_6_0/config-templatebuilder/avia-template-builder/php/class-dynamic-content.php

Best regards,
Günter

Hi,

Thank you for the update.

All post but at the beginning.

You can create a custom shortcode for the TOC widget, then use a template hook to automatically render the TOC on every post. Please add this code to the functions.php file:

add_shortcode('avs_toc', 'avs_toc_function');
function avs_toc_function()
{
    $args = array(
        'name' => 'Displayed Everywhere',
        'id' => 'av_everywhere',
        'description' => '',
        'class' => '',
        'before_widget' => '<section id="avia_auto_toc-2" class="widget clearfix avia_auto_toc">',
        'after_widget' => '<span class="seperator extralight-border"></span></section>',
        'before_title' => '',
        'after_title' => '',
        'widget_id' => 'avia_auto_toc_custom',
        'widget_name' => 'Enfold Child Table of Contents',
    );

    $instance = array(
        'title' => 'Toc',
        'exclude' => '',
        'style' => '',
        'level' => 'h1',
        'single_only' => 1,
        'indent' => 1,
        'smoothscroll' => 1,
    );

    ob_start();
    $toc = new \aviaFramework\widgets\avia_auto_toc;
    $toc->widget($args, $instance);
    $output = ob_get_clean();

    return $output;
}

Then include this hook to render the TOC after the main title:

add_action('ava_after_main_title', function() {
    if(is_single()) echo do_shortcode('[avs_toc]');
}, 10);

Best regards,
Ismael

Hey amyncuih,

Thank you for the inquiry.

You can set the container of the color section to full width with custom css. Please check the link below for more info:

// https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width

Best regards,
Ismael

Hi,
I believe that I have found a solution to change the sidebar header menu to have multiple dropdowns like the burger menu,

for example this is the first dropdown after a click:

this is the second level after click:

please note that both the “first level” and “second level” menu items are not links to pages, so a click will open the sub-menu:

Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function change_sidebar_menu_to_burger_menu_dropdown() { ?>
  <script>
document.addEventListener("DOMContentLoaded", function() {
    var screenWidth = window.innerWidth;
    if (screenWidth >= 768) {
        if (document.documentElement.classList.contains("html_header_sidebar")) {
            const aviaMenu = document.getElementById("avia-menu");
            if (aviaMenu) {
                aviaMenu.id = "av-burger-menu-ul";
                aviaMenu.classList.remove("av-main-nav");
                aviaMenu.classList.remove("menu");
            }
            const menuItems = document.querySelectorAll("#av-burger-menu-ul .menu-item");

            menuItems.forEach(function(item) {
                item.classList.add("av-active-burger-items");
                item.classList.remove("menu-item");
            });
            const menuItemsWithChildren = document.querySelectorAll("#av-burger-menu-ul .menu-item-has-children");

            menuItemsWithChildren.forEach(function(item) {
                item.classList.add("av-width-submenu");
                //item.classList.remove("menu-item-has-children");

                const dropdownAva = item.querySelector(".menu-item-has-children.av-width-submenu .avia-menu-text");
                if (dropdownAva) {
                    const dropdownAvailable = document.createElement("span");
                    dropdownAvailable.classList.add("dropdown_available");
                    dropdownAva.insertAdjacentElement('afterend', dropdownAvailable);
                }
                const dropdownSpan = item.querySelector(".menu-item-has-children.av-width-submenu .dropdown_available");
                if (dropdownSpan) {
                    const submenuIndicator = document.createElement("span");
                    submenuIndicator.classList.add("av-submenu-indicator");
                    dropdownSpan.insertAdjacentElement('afterend', submenuIndicator);
                }
            });

            const style = document.createElement('style');
            style.innerHTML = `
                #top #av-burger-menu-ul {
                    width: 300px;
                    padding: 0px 30px;
                }
                .main_menu ul:first-child>li a {
                    height: 50px;
                    line-height: 50px;
                }
            `;
            document.head.appendChild(style);
        }
    }
});
</script>
  <?php
}
add_action( 'wp_footer', 'change_sidebar_menu_to_burger_menu_dropdown', 99 );

Please disable any previous snippets from this thread.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, and thanks for sharing your solution. 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,
Thanks for the feedback, I’m glad you were able to investigate this further, but unfortunately I don’t know what else we can do to help with this, as we can’t reproduce this and from your explanation it sounds like a red-herring, as you say.
We will go ahead and close this as you pointed out, but feel free to open a new thread if you find new information that will help us reproduce this.
Thank you for your understanding and using Enfold.

Best regards,
Mike

Hey Xavier,

Thanks for the login details. Could you try updating the theme to the latest version (6.0) to see if that helps please? https://kriesi.at/documentation/enfold/theme-update/.

Best regards,
Rikard

Hi,

Thanks for the update, we’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi Roel,

Thank you for pointing at this.

First I checked the database structure of WP post meta table.

meta_key field is an index in my install (6.5.3). This means the query you show is a simple query against an index and this means that is a very fast query – even in a database that contains million of entries in a table.

Please check with your hoster (datatbase hoster) why this query is so slow in your case. Could be your database is broken somehow or allocated memory is too small.

Nevertheless I improved the query logic to remove it from frontend for next release 6.0.1.

If you want to test the fixes please replace the 2 following files:

..\config-acf\class-avia-acf.php
..\config-templatebuilder\avia-template-builder\php\class-dynamic-content.php

with

https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/enfold_6_0/config-acf/class-avia-acf.php
https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/enfold_6_0/config-templatebuilder/avia-template-builder/php/class-dynamic-content.php

Best regards,
Günter

Hi,
For iPad it looks like “calibri-cursiv-bold-new” is showing in the DOM, check your Enfold Theme Options ▸ Advanced Styling for the H1 heading and see if that font is selected. If you have more than one H1 style selected the one at the bottom may have the most specifically.

Best regards,
Mike

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

@media only screen and (max-width: 767px) { 
	#top .av-burger-menu-main.menu-item-avia-special {
		    left: -40%;
}
.html_visible_cart .cart_dropdown {
    right: 4%;
    z-index: 999 !important;
}
}

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,
You will need to disable the mega menu so the mega menu doesn’t show to the right and have the click issue.
If you want to use the menu with the script and have the menu items open below then you can use the script.
If you don’t like how the script works then you can remove it.
There is not need to open a new thread for a 2 times drop down menu, you already have this one open.
Unfortunately there I don’t find a solution, since this menu structure is not a option in the theme and seems to be more involved than I first thought, I recommend opening a feature request so the Dev Team can review adding this as a option.
Since this is a duplicate thread it would be easier to keep all of the commentscomments in one thread

Best regards,
Mike

Hi,
The Dev Team has reviewed this and points out that the js file is loaded by WP and only links to the distributed file ../wp-includes/js/dist/vendor/wp-polyfill.js
Enfold doesn’t hotlink to the polyfill.io site, so we will have to wait for WP to apply a patch for this issue as there are a lot of dependencies on wp-polyfill for the block editor and react js.
We will close this thread, but the issue is open here if you wish to comment, thank you for your understanding and using Enfold.

Best regards,
Mike

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

@media only screen and (max-width: 767px) { 
  #footer > .container {
  display: flex; 
  flex-wrap: wrap; 
  }
  #footer > .container .av_one_third.first {
      order: 3; 
  }
}

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 Ad-Min747,
I assume that your user is not admin, so see the theme option at Enfold Theme Options ▸ Layout Builder ▸ Lock Advanced Layout Builder
This removes the ability to move or delete existing template builder elements, or add new ones, for everyone who is not an administrator.
Another option might be this function in your child theme functions.php file in Appearance ▸ Editor to hide the ALB button from anyone that is not admin.

add_action('admin_head', function() {
	if( !current_user_can('activate_plugins') ){
            ?>
             <style>#avia-builder-button{ display: none; } </style>
            <?php
        }
});

Best regards,
Mike

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

#socket > .container {
	display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

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 leloux,
It is because you are using a custom script that I posted for you in another thread.because you wanted a drop down menu, I see now you have created a mega menu, this will not work, so you must disable it.
Please see the last thread that you opened.
I recommend removing the script and open a Feature Request for the drop down menu as in your last thread.

Best regards,
Mike