Hey dotsystem,

Thank you for the inquiry.

Try to add this css code to adjust the order of the sidebar and product content in the mobile view.

.responsive #top #main .container_wrap.container_wrap_first.main_color.sidebar_left.template-shop .container {
    display: flex;
    flex-direction: column;
}

.responsive #top #main .sidebar.smartphones_sidebar_active {
    order: 1;
}

.responsive #top #main main.template-shop.content.av-content-small.units {
    order: 3;
    padding-left: 0;
    padding-top: 0;
}

Best regards,
Ismael

Hey MariskaHoffland,

Thank you for the inquiry.

Please make sure that the main menu is still set as Enfold Main Menu in the Appearance > Menus > Theme Locations panel. If you can provide the login details, we’ll take a closer look.

Best regards,
Ismael

Hi,

Good to know this is now working! Thanks for sharing the final solution. Have a nice day.

Best regards,
Ismael

Hey emilconsor,

Thank you for the inquiry.

Since the masonry gallery sorting works correctly on our installation, this indicates that something in your setup is causing the issue, possibly a plugin conflict or custom modifications. Unfortunately, we can’t test this properly on the live site because we may unintentionally break something. Please create a clone of the site in a staging environment and provide the login details so we can investigate the issue properly.

Best regards,
Ismael

Hi,

Thank you for the info.

According to the logs and as mentioned above, the installation is running out of memory even though the WP_MEMORY_LIMIT is already set to 512M. If you can provide the S/FTP details, we’ll try to investigate the issue further.

Best regards,
Ismael

Hi,

Glad to know that this has been resolved! Please don’t hesitate to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael

Hey Stephan_H,

Thank you for the inquiry.

The font file can be downloaded directly from the demo site. Please check the link in the private field.

Best regards,
Ismael

Hi,

Thank you for the update.

You can apply a custom css class (e.g “av-tab-section-title-limit”) to the tab sections where you need the modifications, then adjust the selectors in the css rules accordingly. Please check this documentation for more information on how to apply custom css class names to the elements.

— https://kriesi.at/documentation/enfold/add-custom-css/

#top .av-tab-section-title-limit .av-tab-section-tab-title-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

#top .av-tab-section-title-limit .av-tab-section-tab-title-container > * {
    flex: 0 0 calc((100% / 6) - (10px * 5 / 6));
    max-width: calc((1310px - (10px * 5)) / 6);
    box-sizing: border-box;
}

Best regards,
Ismael

Hey!

Thank you for the update.

Please add this to the style block or style element:

.ava-go-back-wrapper {
    position: absolute;
    z-index: 99;
    left: 55%;
    right: auto;
    top: 5px;
}

Best regards,
Ismael

Hey Angelo,

Thank you for the inquiry.

Try to add this code to the functions.php file to insert a go back button inside the header container.

add_action( 'ava_main_header', 'ava_main_header_mod' );
function ava_main_header_mod() {
    ?>
    <div class="ava-go-back-wrapper">
        <a href="javascript:history.back();" class="ava-go-back-button">Go Back</a>
    </div>

    <style>
        .ava-go-back-wrapper {
            display: none;
            justify-content: center;
            align-items: center;
            padding: 10px 0;
        }
        .ava-go-back-button {
            display: inline-block;
            padding: 8px 16px;
            background-color: #333;
            color: #fff;
            text-decoration: none;
            border-radius: 4px;
            font-size: 14px;
        }
        @media (max-width: 768px) {
            .ava-go-back-wrapper {
                display: flex;
            }
        }
    </style>

    <script>
        function closeBurgerMenu() {
            const burgerBtn = document.querySelector('.av-burger-menu-main .av-hamburger.av-js-hamburger');
            const overlay = document.querySelector('.av-burger-overlay');
            if (burgerBtn && burgerBtn.classList.contains('is-active')) {
                burgerBtn.classList.remove('is-active');
            }
            if (overlay) {
                overlay.style.display = 'none';
                overlay.style.opacity = '0';
            }
        }

        document.addEventListener('DOMContentLoaded', function() {
            closeBurgerMenu();

            const goBackBtn = document.querySelector('.ava-go-back-button');
            if (goBackBtn) {
                goBackBtn.addEventListener('click', function(e) {
                    e.stopPropagation();
                    closeBurgerMenu();
                    setTimeout(function() {
                        history.back();
                    }, 50);
                });
            }
        });

        window.addEventListener('pageshow', function(event) {
            if (event.persisted) {
                closeBurgerMenu();
            }
        });
    </script>
    <?php
}

Best regards,
Ismael

Hi,

Thank you for the info.

We are not yet sure why custom_class is being added to the ID field, so we manually removed it from the affected elements. We also added the following code to the functions.php file to filter out the custom_class value from the ID attribute.

add_filter( 'avf_template_builder_content', 'avf_template_builder_content_mod', 10, 1 );
function avf_template_builder_content_mod( $content ) {
    $content = preg_replace(
        '/\s+id="custom_class=?"\s*/',
        ' ',
        $content
    );

    return $content;
}

Please make sure to purge the cache before checking the page.

Best regards,
Ismael

Hi,

No problem! Let us know if you have more questions. Have a nice day.

Best regards,
Ismael

Hey annameis,

Thank you for the inquiry.

The category sort button is only available for the Portfolio Grid and the Masonry element. It’s not an option for the Blog Posts element. Please switch to either of the elements we mentioned and replace the Blog Posts element.

Best regards,
Ismael

Hi,

They do not quite fit and one seems to be hijacked.

What do you mean? Which conditional function did you use for the widget? Please provide a link to the post where you want the widgets to display so we can provide the correct conditional functions.

Best regards,
Ismael

Hi,

Sorry for the delay. Since removing the br tags also removes the list items, we used this css in the style.css file to hide the line breaks and display the list as a standard bullet list.

.av-masonry-entry-content ul br {
    display: none;
}

.av-masonry-entry-content ul li {
    padding-left: 10px;
	position: relative;
}

.av-masonry-entry-content ul li:before {
    content: "•";
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 1em;
    line-height: 1;
}

Please check the private field for the screenshot.

Best regards,
Ismael