Hi,

After fifteen years no one ever explained this to me?

Using a child theme is a common practice in WordPress, so we assumed you might already be familiar with it. If not, please make sure to create a site backup or restore point, then check out the following links for more info on how to activate a child theme in Enfold:

— https://kriesi.at/documentation/enfold/child-theme/
— https://developer.wordpress.org/themes/advanced-topics/child-themes/

If you need more help with the activation, please contact Codeable or any WordPress developer platform.

— https://kriesi.at/contact/customization

Thank you for your understanding.

Best regards,
Ismael

Hi,

Thank you for the update. To adjust the color of the “X” close button, try to add this css code:

.av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::after, .av-burger-overlay-active #top .av-hamburger-inner::before {
    background-color: #000000;
}

Best regards,
Ismael

Hi,

Looks like the old version duplicated the milestone date which is no longer the case in the latest version. You can try this script in your functions.php file to copy the structure of the “odd” items for the “even” timeline items.

add_action( 'wp_footer', 'av_custom_script_mod', 100 );
function av_custom_script_mod() {
    ?>
   <script>
        document.addEventListener("DOMContentLoaded", function () {
            const avSwapMilestoneElements = () => {
                const isSmallScreen = window.innerWidth < 989;
                const milestones = document.querySelectorAll(".av-milestone");

                milestones.forEach((milestone, index) => {
                const isEven = milestone.classList.contains("av-milestone-even");

                if (!isEven) return;

                const date = milestone.querySelector(".av-milestone-date");
                const content = milestone.querySelector(".av-milestone-content-wrap");
                const icon = milestone.querySelector(".av-milestone-icon-wrap");

                if (!date || !content || !icon) return;

                if (isSmallScreen) {
                    milestone.innerHTML = "";
                    milestone.appendChild(date);
                    milestone.appendChild(content);
                    milestone.appendChild(icon);
                } else {

                    milestone.innerHTML = "";
                    milestone.appendChild(content);
                    milestone.appendChild(icon);
                    milestone.appendChild(date);
                }
                });
            };

            avSwapMilestoneElements();

            window.addEventListener("resize", avSwapMilestoneElements);
        });
    </script>
    <?php
}

You may also need to add this css.

@media only screen and (max-width: 989px) {

  /* Add your Mobile Styles here */
  .avia-timeline .milestone_icon i.milestone-char.avia-svg-icon svg:first-child {
    margin-top: 18px;
  }
}

Best regards,
Ismael

Hi,

Please try this instead:

#top #menu-item-search a {
  z-index: 1;
  position: relative;
  padding-right: 10px;
}

Best regards,
Rikard

Hi!

Thank you for the info.

Looks like the opacity of the mobile menu items is set to zero. Please try to add this css code:

#top #wrap_all #av-burger-menu-ul>li {
    opacity: 1 !important;
}

Make sure to purge the cache or remove the browser history before checking the page.

Cheers!
Ismael

Hi,

Please don’t open more than one thread for the same problem, please continue here.

Best regards,
Rikard

Hi,

Yes, that could work, but you can’t set it to 0 because it will cause the transition to fail. Please try this css code:

#top .avia-content-slider, #top .avia-content-slider-inner, #top .avia-content-slider-inner .slide-entry-wrap {
    transition: opacity 0.0001s !important;
}

Best regards,
Ismael

Hey Helmut,

Thank you for the inquiry.

Those are the thumbnails registered by the theme. If you need to remove them, be sure to create a site backup, then use the remove_enfold_image_sizes function provided in this thread: https://kriesi.at/support/topic/prevent-auto-multi-image-generation/#post-1431800

Best regards,
Ismael

Hey slikslok,

Thank you for the inquiry.

You may need to use a smaller logo or limit the number of items in the main menu. To adjust the size of the logo, try to add this css code:

.logo img, .logo svg {
    max-width: 400px;
    top: 40px;
}

You can also set the main menu to display as icon instead of text (Main Menu > General > Menu Items For Desktop).

Best regards,
Ismael

Hey volkantuncer,

Thank you for the inquiry.

Try to add this css code to make sure the products are centered.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #main .product-sorting.avia-product-sorting+.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .responsive #top #main .products .product:nth-child(even) {
    margin-right: 0;
  }
}

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the update.

Try to switch the builder to debug mode to enable the shortcode field.

— https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

Once the debug mode is enabled, add this template in the shortcode field, the update the page. Edit the Catalogue element, then follow the format of the second item in the list (CHEESEBURGER).

— https://pastebin.com/26bBpUc4

To adjust the style of the custom catalogue element, add this code in the Quick CSS field:

#top .av-patty-menu .av-catalogue-list {
  border-top: 0;
}

#top .av-patty-menu ul li:first-child .av-catalogue-item .av-catalogue-item-inner {
  height: 48px;
}

#top .av-patty-spacer {
  width: 20px;
  display: inline-block;
}

#top .av-patty-spacer-title {
  display: block;
  text-align: center;
}

View post on imgur.com

Best regards,
Ismael

Hey awasner,

Thank you for the inquiry.

You can add the following code to the functions.php file to separate the title from the term description.

remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
remove_action( 'woocommerce_archive_description', 'woocommerce_product_archive_description', 10 );

add_action( 'woocommerce_before_shop_loop', 'av_woocommerce_before_shop_loop_mod', 5 );
function av_woocommerce_before_shop_loop_mod() {
    if ( is_product_taxonomy() ) {
        echo '<h1 class="term-title">' . single_term_title( '', false ) . '</h1>';
    }
}

add_action( 'woocommerce_after_shop_loop', 'av_woocommerce_after_shop_loop_mod', 15 );
function av_woocommerce_after_shop_loop_mod() {
    if ( is_product_taxonomy() ) {
        $term = get_queried_object();
        if ( isset( $term->description ) && $term->description ) {
            echo '<div class="term-description">' . wpautop( $term->description ) . '</div>';
        }
    }
}

Best regards,
Ismael

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,
This is because the mobile menu “av-burger-menu-ul” is not loaded until the burger menu is clicked when you use the desktop menu, it is when you use the burger menu for desktops. But mobile devices don’t have a tab key.

Best regards,
Mike

Hey mountaintopengraving,
Thanks for the link to your site, but I didn’t find any pages or events that were blank in the backend, and I was able to edit the pages that I tested.
Your page /donnys-at-core-restaurant-menu-live-music-specials/ was created with the Block Editor and not the Enfold Advanced Layout Builder, and your About, Capri Room, appetizer-add-ons, pages were created with the Advanced Layout Builder and I found no issues editing them.
Are you using the same login that you posted for us?
What page can you not update, and what changes are you trying to make?

Best regards,
Mike